网站推广.NET

网站推广.NET

html如何设置文本框

来源:互联网

在HTML中,可以使用<input>标签来创建文本框,具体代码如下:

<!DOCTYPE html><html><head><meta charset="utf8"><title>文本框示例</title></head><body><h1>文本框设置</h1><table border="1">  <tr>    <th>属性</th>    <th>说明</th>  </tr>  <tr>    <td>type</td>    <td>设置输入框的类型,如text、password等</td>  </tr>  <tr>    <td>name</td>    <td>为输入框设置名称,以便在表单提交时使用</td>  </tr>  <tr>    <td>placeholder</td>    <td>在输入框中显示提示信息,用户未输入内容时显示</td>  </tr>  <tr>    <td>size</td>    <td>设置输入框的宽度,单位为字符数</td>  </tr>  <tr>    <td>maxlength</td>    <td>设置输入框的最大输入长度</td>  </tr>  <tr>    <td>readonly</td>    <td>设置输入框为只读,用户无法编辑</td>  </tr>  <tr>    <td>disabled</td>    <td>设置输入框为禁用状态,用户无法编辑</td>  </tr></table><h2>示例代码</h2><form action="">  <label for="username">用户名:</label>  <input type="text" id="username" name="username" placeholder="请输入用户名" size="30" maxlength="20"><br><br>  <label for="password">密码:</label>  <input type="password" id="password" name="password" placeholder="请输入密码" size="30" maxlength="20"><br><br>  <input type="submit" value="提交"></form></body></html>

在这个示例中,我们使用了<h1><h2>标签分别表示小标题和副标题,使用<table><tr><th><td>标签创建了一个单元表格,展示了文本框的一些常用属性,我们还展示了一个简单的表单,包含两个文本框和一个提交按钮。

html文本框代码