在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>
标签创建了一个单元表格,展示了文本框的一些常用属性,我们还展示了一个简单的表单,包含两个文本框和一个提交按钮。
免责声明:本站内容仅用于学习参考,信息和图片素材来源于互联网,如内容侵权与违规,请联系我们进行删除,我们将在三个工作日内处理。联系邮箱:chuangshanghai#qq.com(把#换成@)