表单的初级验证、隐藏、只读、修改和标注-CSDN博客

本文详细介绍了HTML表单中的关键属性，包括隐藏、只读、禁用等，并提供了具体的使用示例。此外还讲解了如何通过placeholder进行提示、required进行必填验证以及pattern进行格式验证。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

1.隐藏：type类型关键字》》hidden

2.只读：type类型关键字》》readonly

3.禁用：type类型关键字》》disabled

　　下面的例子表示下拉列表不可用

<select disabled>
    <option value="1" selected>请选择身份</option>
    <option value="2">医生</option>
    <option value="3">老师</option>
</select>

4.标注：type类型关键字》》label

　　<label for="表单元素的id">标注的文本</label>

　　鼠标点击“男”或“女”都可选中

<label for="male">男</label>
<input name="gen" type="radio" id="male" checked/>
<label for="female">女</label>
<input name="gen" type="radio" id="female"/>
5.表单的初级验证
　　placeholder在文本框中的一种提示，当点击文本框时，提示消失
　　required规定文本框填写内容不能为空，否则不允许提交
　　pattern用户输入的内容必须符合正则表达式的规则