在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>
标签创建了一个单元表格,展示了文本框的一些常用属性,我们还展示了一个简单的表单,包含两个文本框和一个提交按钮。
最新评论
本站CDN与莫名CDN同款、亚太CDN、速度还不错,值得推荐。
感谢推荐我们公司产品、有什么活动会第一时间公布!
我在用这类站群服务器、还可以. 用很多年了。