<input>文本框和复选框表单标签_html input用法实例

时间:2023-06-15 22:12:13

html input定义输入字段,例如文本框、复选框等。用于创建各种输入字段,单选多选框标签。

<input> 标签是 HTML 中常用的表单元素,用于创建各种输入字段。下面是一些<input>标签的用法和实例:

1、文本输入框(Text Input):

<label for="username">用户名:</label>
<input type="text" id="username" name="username" required>

上述示例创建了一个文本输入框,用户可以在其中输入文本。type="text"指定了输入框的类型为文本类型,id和name属性用于标识输入框和在表单提交时引用该字段。required属性表示该字段为必填项。

2、密码输入框(Password Input):

<label for="password">密码:</label>
<input type="password" id="password" name="password" required>

上述示例创建了一个密码输入框,用户在其中输入密码。type="password"指定了输入框的类型为密码类型,输入的内容将被隐藏。其他属性的用法与文本输入框相似。

3、单选按钮(Radio Buttons):

<label for="gender">性别:</label>
<input type="radio" id="male" name="gender" value="male">
<label for="male">男性</label>

<input type="radio" id="female" name="gender" value="female">
<label for="female">女性</label>

上述示例创建了两个单选按钮,用于选择性别。type="radio"指定了输入框的类型为单选按钮类型,name属性相同的单选按钮会被组合在一组中,用户只能选择其中的一个。value属性指定了选中该单选按钮时提交的值。

4、复选框(Checkbox):

<label for="newsletter">订阅新闻简报:</label>
<input type="checkbox" id="newsletter" name="newsletter" value="true">

上述示例创建了一个复选框,用户可以选择是否订阅新闻简报。type="checkbox"指定了输入框的类型为复选框类型,value属性指定了选中该复选框时提交的值。

以上只是html input标签元素的一些常见用法和实例,还有其他类型的输入字段和属性可以根据具体需求使用。

 

相关词 input 文本框 复选框