HTML5的表单标记
第三天的笔记继续更新。
表单标记:
1、《form》宣告这是表单模式,是一个容器
2、《input》:单行文本域
3、《select》:滚动列表标签
4、《option》:滚动标签的围堵标记
5:、《textarea》:表单文字区域标记
例:
<!--from是表单标记,宣告这是表单模式,属于一个容器-->
<form>
<!--单行文本域--> <input /> <!--select滚动列表标志--> <select name="php" size="6" multiple="multiple"></select> <!--滚动标记select的围堵标记--> <option></option> <!--表单文字区域标记--> <br><textarea></textarea> 关于《input》的一些参数: text:单行文本域 radio“单选按钮” checkbox:复选框 password:密码框 submit:提交按钮 reset:清除按钮 image:图像域 file:文件域 hidden:隐藏域 button:普通按钮 <ol type="1" start="1"> <li><form action="index.html" method="post"></form> <!--type的参数text:一个单行文本域--> <li><input type="text" name="age" value="22" align="center" size="2" maxlength="255"/> <!--radio:单选按钮--> <li><input type="radio" name="gender" value="female" align="middle" checked="checked" /> <!--checkbox:复选框--> <li><input type="checkbox" name="idol" value="Leon" align="left" checked="checked" /> <!--password:密码域--> <li><input type="password" name="pw" value="999" align="left" size="5" maxlength="9" /> <!--submit:提交按钮、reset:清除按钮--> <li><input type="submit" name="ok" value="确定" align="left"/> <li><input type="reset" value="清除" align="left"/> <!--image:图像域--> <li><input type="image" name="submit" align="bottom" src="img/HBuilder.png" /> <!--file:文件域--> <li><input type="file" name="upload" align="bottom" size="20" maxlength="100" accept="text/html" /> <!--hidden:隐藏域--> <li><input type="hidden" name="ID" value="6618" /> <!--botton:一般按钮--> <li><input type="button" name="useless" value="ba" /> </ol> </form> <h2>滚动标记select和它的围堵标记option的用法如下</h2> <form action="index.html" method="post"> where did you come from? <select name="1"> <option value="2">hongkang</option> <option value="3" selected>taiwan</option> <option value="4">china</option> <option value="5">meiguo</option> <option value="6"> canada</option> </select> </form> <br><form action="index.html" method="post"> where did you come from? <select name="1" multiple> <option value="2">hongkang</option> <option value="3" selected>taiwan</option> <option value="4">china</option> <option value="5">meiguo</option> <option value="6"> canada</option> </select> </form>
声明:本站所有文章资源内容,如无特殊说明或标注,均为采集网络资源。如若本站内容侵犯了原著者的合法权益,可联系本站删除。