【自学html笔记】使用html创建表单<input>标签的使用
在HTML中,<input>
标签用于收集用户信息。根据type
属性的不同值,<input>
可以有多种形态,例如文本输入、复选框、单选按钮、提交按钮等。
以下是几个使用<input>
标签的例子:
- 文本输入框:
<input type="text" name="username" placeholder="Enter your username">
- 密码输入框:
<input type="password" name="password" placeholder="Enter your password">
- 复选框:
<input type="checkbox" name="terms" value="agree"> I agree to the terms and conditions
- 单选按钮:
<input type="radio" name="gender" value="male"> Male
<input type="radio" name="gender" value="female"> Female
- 提交按钮:
<input type="submit" value="Submit">
- 重置按钮:
<input type="reset" value="Reset">
- 文件选择框:
<input type="file" name="file">
- 隐藏字段:
<input type="hidden" name="userId" value="12345">
- 图像作为提交按钮:
<input type="image" src="submit.jpg" alt="Submit">
- 日期选择器:
<input type="date" name="birthday">
这些是<input>
标签的一些常见用法。根据需求,可以使用不同的type
属性和其他属性,如id
, class
, name
, value
, placeholder
, required
, pattern
等来定制输入字段。
评论已关闭