HTML 中输入框的代码示例与说明
单行文本输入框
在 HTML 中,单行文本输入框通常使用<input>标签,并设置其类型为 "text"。以下是一个简单的示例代码:
<input type="text" name="username" placeholder="请输入用户名">
在该代码中,"type" 属性定义了输入框的类型,"name" 属性定义了输入框的名称,而 "placeholder" 属性则为用户提供了一个提示信息。
密码输入框
密码输入框与单行文本输入框类似,只需将类型更改为 "password"。示例代码如下:
<input type="password" name="password" placeholder="请输入密码">
这种类型的输入框会将用户输入的内容以加密形式展示,以保护用户的隐私。
多行文本输入框
若要创建一个多行文本输入框,可以使用 <textarea> 标签。以下是一个示例:
<textarea name="message" rows="4" cols="50">请输入您的留言…</textarea>
在该示例中,"rows" 属性定义了行数,"cols" 属性定义了列数,textarea 标签内的内容是输入框的默认文本。
起来,HTML 中输入框的创建主要使用两种标签:<input> 和 <textarea>。通过适当设置属性,可以有效地实现用户输入的需求。