HTML 的 <input>
元素支持多种类型,这些类型决定了用户如何与表单控件进行交互。以下是 HTML5 中 <input>
元素的 23 种类型,以及每种类型的代码示例和效果图的描述(请注意,由于文本的限制,我无法直接在这里提供效果图,但您可以根据代码在您的浏览器中查看效果)。
1.text - 默认的输入类型,用于单行文本输入。
<input type="text" name="username" placeholder="Enter your username"> |
2.password - 隐藏输入的文本。
<input type="password" name="pwd" placeholder="Enter your password"> |
3.submit - 定义提交按钮。点击按钮会提交表单。
<input type="submit" value="Submit"> |
4.reset - 定义重置按钮。点击按钮会重置表单中的所有输入字段。
<input type="reset" value="Reset"> |
5.button - 定义一个可点击的按钮。
<input type="button" value="Click me"> |
6.radio - 定义单选按钮。</