web标准教程,帮你走进web标准设计的世界 第三讲(html终结篇)

2020-05-11 08:05:43易采站长站整理

e:select标签
使用指数:***
功能:创建单选或者多选的下拉菜单
结构:


<select name=”sec”>
<option value =”volvo”>Volvo</option>//每一个选项
<option value =”saab”>Saab</option>
<option value=”opel”>Opel</option>
<option value=”audi”>Audi</option>
</select>


这些属性就不详细讲了,大家去实践一下就明白了,很简单
下面通过一个例子在具体应用表单标签要注意的事项:


<div id=”form”>
<form name=”form1″ action=”#” method=”get”>
//form标签开始一个表单,action值为数据表单数据的传向页面,method为数据的传递形式,这些内容对于初学者不用理会
<fieldset>
<legend>输入的文本</legend>//为表单划分区域
<p><input type=”text” name=”user” id=”user”/></p>//单行文本输入
<p><input type=”password” name=”pwd” id=”pwd” /></p> //单行密文输入
<p><textarea cols=”2″ rows=”2″ id=”msg” name=”msg”></textarea></p>//多行文本输入
</fieldset>
<fieldset>
<legend>选择的文本</legend>
<p><input type=”radio” name=”fru” id=”apple” /><label for=”apple”>苹果</label></p>
<p><input type=”radio” name=”fru” id=”li” checked=”checked” /><label for=”li”>梨</label></p>
//上面两个是单选按钮,注意每组单选按钮的name属性要相同,梨默认为被选
<p><input type=”radio” name=”fru” id=”ban” /><label for=”ban”>香蕉</label></p>
<p><input type=”checkbox” name=”men1″ id=”a” /><label for=”a”>成龙</label></p>
<p><input type=”checkbox” name=”men2″ id=”b” /><label for=”b”>铁拐李</label></p>
<p><input type=”checkbox” name=”men3″ id=”c” /><label for=”c”>绿茶</label></p>
//上面是多选按钮组合,注意他们的name属性不能相同
<select name=”sec” id=”sec” multiple=”multiple”>
<option value=”1″>11111111</option>
<option value=”2″ selected=”selected”>22222222</option>