HTML表单标签摘要
最近研究 form标签，有一些小心得写下来与大家分享分享，共勉。在小结的最后有一个form表单的小例子，可以作为参考。 -----DanlV
form是HTML的一个极为重要的功能标签之一。输入字段输入
输入类型属性有以下属性值:
1.button按钮(下面详细介绍)
2.file用于文件选择
3 .隐藏字段可以隐藏
4.text用于文本输入
5.password用于密码输入[/br]同名属性是一组
7.checkbox多选按钮，同名属性是一组
8 .图像图片表单中的提交按钮
9 .重置重置表单按钮
10 .提交表单按钮
。Alt属性，它定义当图片被按下时要提取的替换文本。Src属性，定义按钮是图片时图片的链接地址。选中的属性，该属性定义默认选项Disabled属性，禁用当前输入字段(用法:选中)。Readonly属性，对于当前输入字段是只读的，与禁用具有相同的实际效果，但显示的效果不同(用法:选中)。Maxlength属性，它定义输入字段中字符的最大长度。Name属性，它定义了当前输入字段的名称。Value属性，它定义了当前输入字段的默认值。
文本输入区textarea属性，该属性指定可见行数
Cols属性，该属性指定可见列的数量
禁用属性，禁用当前文本输入区域。属性，当前文本区域的名称。属性，则当前文本区域是只读的
按钮按钮有三种类型:
1 . type = & quot；按钮& quot常规功能按钮
2 . type = & quot；提交& quot提交表单功能按钮
3 . type = & quot；重置& quot重置表单的功能相关能量按钮
禁用属性，禁用此按钮。属性，按钮的名称。Value属性，按钮上显示的文本内容的默认值。
下拉菜单选择相关属性:
1.disabled属性，禁用菜单
2.multiple属性，指定可以同时选择多个项目
3.name属性，下拉列表的名称
4.size属性，菜单中可见的项目数。& ltoptgroup & gt标签，定义下拉列表中选项的分组。这些属性是:
5.label属性，它定义了选项组的标签(名称)，必需属性
6.disabled属性，它被禁用。& ltoptinon & gt属性来定义下拉列表中的选项(该标签显示在
标记的形式为< label & gt为了使输入人性化，提高用户体验，点击提示文字时光标会自动聚焦在输入位置，所以使用这个标签。有两种方法可以使用它:
& lt= & quot的标签用户& quot& gt& lt/label & gt；& lt输入类型= & quot文本& quotname = & quot用户& quot& gt该方法使用label的for属性来指定输入区域的名称。& lt标签& gt& lt输入类型= & quot文本& quotname = & quot用户& quot& gt& lt/label & gt；
将输入直接放入标签中，而不使用for属性，这是推荐的做法。
-表单中的相关元素被分组到字段集中。
对表单中的相关元素进行分组，并使用
<form action="" method="post">
<fieldset>
<legend>天下第一争霸赛</legend>
<label > 门派： <input type="text" name="menpai" id=""></label>
<br><label >密码： <input type="password" name="psw" id=""> </label>
<br><label >上传你的请柬： <input type="file" name="qingjian" id=""></label>
<br>选武器： <input type="radio" name="arms" id="">刀
<input type="radio" name="arms" id="">剑
<input type="radio" name="arms" id="">枪
<input type="radio" name="arms" id="">鞭
<br>挑战对手： <input type="checkbox" name="Army" id="">梅超风
<input type="checkbox" name="Army" id="">洪七
<input type="checkbox" name="Army" id="">金毛狮王谢逊
<input type="checkbox" name="Army" id="">张三丰
<br><label > 选择你的门派：<select name="" id="" >
<optgroup label="西域">
<option value="天山">天山派</option>
<option value="昆仑">昆仑派</option>
</optgroup>
<optgroup label="中原" >
<option value="峨眉">峨眉派</option>
<option value="少林">少林派</option>
<option value="武当" selected>武当派</option>
<option value="天龙">天空派</option>
<option value="星宿">星宿派</option>
<option value="逍遥">逍遥派</option>
<option value="丐帮">丐帮派</option>
<option value="五毒">五毒派</option>
<option value="明教">明教派</option>
</optgroup>
</select></label>
<br> <input type="image" src="" alt="假装有图片">
<br> <input type="reset" value="重置"> <input type="submit" value="确定">
</fieldset>
</form>以上是HTML表单的一些使用细节的总结。更多详情，请关注AdminJS.cn其他相关文章！
adminjs.cn是一个以CSS、JavaScript、Vue、HTML为核心的前端开发技术网站。我们致力于为广大前端开发者提供专业、全面、实用的前端开发知识和技术支持。
在本网站中，您可以学习到最新的前端开发技术，了解前端开发的最新趋势和最佳实践。我们提供丰富的教程和案例，让您可以快速掌握前端开发的核心技术和流程。
Adminjs.cn还提供一系列实用的工具和插件，帮助您更加高效地进行前端开发工作。我们提供的工具和插件都经过精心设计和优化，可以帮助您节省时间和精力，提升开发效率。
在Adminjs.cn中，您可以找到您需要的一切前端开发资源，让您成为一名更加优秀的前端开发者。欢迎您加入我们的大家庭，一起探索前端开发的无限可能！
