Form controls表单属性控制
在HTML中,表单控件是用来收集用户输入信息的元素。表单属性可以控制这些元素的行为。以下是一些常用的表单属性:
type
:控制输入类型,如text
、password
、radio
、checkbox
、submit
、reset
、button
、email
、url
、number
、date
等。name
:定义表单元素的名称,用于在表单提交时引用元素。value
:定义表单元素的值,通常用于input
、option
元素。checked
:定义是否选中,用于radio
、checkbox
或option
元素。maxlength
:限制text
或password
输入的最大长度。size
:定义元素的初始宽度,以字符计。readonly
:定义元素为只读。disabled
:定义元素为禁用,不能点击或提交。placeholder
:定义提示文本,在用户输入值前显示。required
:定义在表单提交前必须填写该元素。
示例代码:
<form action="/submit">
<label for="username">用户名:</label>
<input type="text" id="username" name="username" required>
<label for="password">密码:</label>
<input type="password" id="password" name="password" required>
<label for="email">邮箱:</label>
<input type="email" id="email" name="email">
<input type="submit" value="提交">
</form>
在这个例子中,我们创建了一个表单,包含了文本输入框、密码输入框和邮箱输入框。文本输入框是必填的,而邮箱输入框不是。提交按钮将表单数据发送到服务器的 /submit
路径。
评论已关闭