HTML——form表单中常用标签 form input (text hidden password radio checkbox reset submit ) select(option)总结

时间:2023-03-09 22:48:45
HTML——form表单中常用标签 form input (text hidden password  radio checkbox reset submit ) select(option)总结
 <form action="" method="get">
<!--
placeholder="请输入文本" 显示提示
randonly="randonly"不能重新写
disabled="disabled" 禁用 变灰色
-->
<input type="text" name="user_name" placeholder="请输入文本" value="文本框" readonly="readonly"disabled="disabled"/>
<!--
隐藏框
Type="hidden"隐藏起来
-->
<input type="hidden" name="id" value="20160800612" />
<!--
密码框
type="password"密码不显示
-->
<input type="password" name="password" value="123456" disabled="disabled"/> <!--
testarea 设置宽度用cols 设置长度用rows
-->
<br />
<textarea name="text" rows="5" cols="5"></textarea>
<!--多选框
<select>
<option></option>
<option></option>
...
</select>
selected="selected"默认选择项 -->
<select name="grade">
<option value="1">一年级</option>
<option value="2" selected="selected">二年级</option>
<option value="3">三年级</option>
</select><br />
<!--
id="male"/><label for="male">男</label>点击男也会选择 -->
<input type="radio" value="0" name="gender" id="male"/><label for="male">男</label>
<input type="radio" value="1" name="gender" id="female"/><label for="female">女</label><br /> <!--
type="file"获取文件
multiple="multiple"可以获取多个文件
-->
<input type="file" name="fileget" multiple="multiple"/>
<!--
type="checkbox"多选框
checked="checked"默认为选择
-->
&nbsp;
<input type="checkbox"name="hobby" value="1" id="basketball" checked="checked"/><label for="basketball">篮球</label>
<input type="checkbox" name="hobby" value="2" id="football"><label for="football">足球</label>
<input type="checkbox"name="hobby" value="3" id="pingpong" /><label for="pingpong">乒乓球</label>
<br /> <!--
type="reset"重置所做的操作
-->
<input type="reset" value="重置" />
<input type="submit" value="提交" />
</form>