HTML+CSS杂记

一点小总结,html跟xml很类似,他们都是由一个一个开始标签,一个闭合标签组成的,不同的地方是html规定了那些标签是做什么的,而xml没有。

单选框/复选框

语法:<input type="radio/checkbox" value="值" name="名称" checked="checked"/>
type="radio"时为单选框
type="checkbox"时为复选框
value是提交到数据服务器的值(PHP程序)
name 为控件命名,以备PHP,ASP程序使用
checked="checked"时代表该选项默认被选中
同一组的单选按钮,name取值一定要一致这样同一组单选的按钮才鞥起到单选的作用

下拉选项框

下拉选项框在网页中常会用到,可以有效节约网页空间,下拉列表可以单选也可以多选

下拉列表框的单选

示例代码如下:

<!DOCTYPE HTML>
<html>
<head>
    <meta http-equiv="Content-type" content="text/html;charset=utf-8">
    <title>下拉列表框</title>
</head>
<body>
    <label>爱好:</label>
    <form action="save.php" method="POST">
        <select>
            <option value="看电视">看电视</option>
            <option value="玩游戏">玩游戏</option>
            <option value="睡觉" selected="selected">睡觉</potion>
            <option value="吃零食">吃零食</potion>
        </select>
    </form>
</body>
</html>

在option标签中插入selected="selected"属性表示该选项为被默选中

下拉列表的多选

在select标签中添加multiple="multiple"属性就可以实现下拉框的多选,按住Ctrl键单击选项就可多选

提交按钮的使用

在表单中有两种按钮可以使用,一种是提交按钮,一种是重置按钮,现在只学到提交按钮。
语法:<input type="submit" value="提交" name="submitbtn"/>

添加新评论