Html入门之单选框复选框下拉框

Html入门之单选框复选框下拉框

 

单选框:

type="radio" 单选框

name="uSex" 名字

 value="2"  默认值

checked="checked" 默认选中项

 

复选框:

type="checkbox"   复选框

name="uLevel"  名字,可以重复

 value="2"  默认值

checked="checked" 默认选中项

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="http://www.w3.org/1999/xhtml">

<head>

<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />

<title>无标题文档</title>

</head>

 

<body>

<form name="fm1" action="a.html" method="post">

      性别:<input  type="radio" name="uSex" value="1" >

          <input type="radio" name="uSex" value="2" checked="checked"><br />

   学历:<input type="checkbox" name="uLevel" value="1">高中

          <input type="checkbox" name="uLevel" value="2" checked="checked">大专

         <input type="checkbox" name="uLevel" value="3">本科  <br />

    籍贯:<select name="pro" id="pro">

                 <option value="1">北京</option>

                  <option value="2">上海</option>

                  <option value="3">天津</option>

                  <option value="4">河北</option>

          </select>

</form>

</body>

</html>

 

 

select 用来省份 城市

<select name="pro" id="pro">

         <optgroup label="用户籍贯">  提示

                  <option value="1">北京</option>  选项   value 默认值

                  <option value="2">上海</option>

                  <option value="3">天津</option>

                  <option value="4">河北</option>

                </optgroup>

     </select>

注意:在使用中 optgroup 不需要写

推荐阅读