HTML5的表单标记 - web开发
第三天的笔记继续更新。
表单标记:
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>
The End
发布于:2023-01-18,除非注明,否则均为
原创文章,转载请注明出处。
发表评论