📅  最后修改于: 2023-12-03 14:52:43.046000             🧑  作者: Mango
在HTML中,我们可以通过<input>
标签来创建文本框。
要创建一个普通的文本框,我们只需要在<input>
标签中设置type
属性为"text"
,如下所示:
<input type="text" name="username">
上面的代码会创建一个名称为"username"
的文本框,用户可以在其中输入任意文本。
创建一个密码框与创建普通文本框类似,只需要将type
属性值设置为"password"
即可,如下所示:
<input type="password" name="password">
创建的文本框将会显示为星号,以隐藏用户输入的密码。
要创建一个多行文本框,我们可以使用<textarea>
标签。<textarea>
标签可以设置rows
和cols
属性来指定多行文本框的行数和列数,如下所示:
<textarea rows="4" cols="50" name="comment"></textarea>
上面的代码会创建一个包含4行、50列的多行文本框,用户可以在其中输入多行文本。
要创建一个只读的文本框,我们可以设置readonly
属性为"readonly"
,如下所示:
<input type="text" name="city" readonly="readonly" value="London">
上面的代码会创建一个名称为"city"
的文本框,但是用户无法修改其中的文本,文本框将始终显示为"London"
。
以上就是HTML中创建文本框的方法,希望对您有所帮助。