HTML单行文本框
网站的登录或注册页面,用户名一栏使用的一般为单行文本框。例如 新宝库的登录(http://vip.xinbaoku.com/login.php)或注册(http://vip.xinbaoku.com/register.php)页面用户名栏的文本框,使用的就是单行文本框。
在 HTML 中,把 <input> 标签的 type 属性设置为 text 可以表示单行文本框,又叫做常规文本框。具体语法格式如下:
在 HTML 中,把 <input> 标签的 type 属性设置为 text 可以表示单行文本框,又叫做常规文本框。具体语法格式如下:
<input type="text" />
接下来我们看一个具体的例子:<form action="http://vip.xinbaoku.com/login.php" method="post" name="myForm"> 用户名:<input type="text" name="username" value="新宝库"/> </form>
运行效果如图所示:
图1:单行文本框
通过运行结果可以发现,文本框中的值为定义的 value 属性的值。当需要告知用户某一栏数据时,我们通常这样写。如果只是想获取用户输入的数据,通常不设置 value 属性值,由用户自行输入。
注意:文本框的默认数据用户可以进行删除、修改,也可以让它继续保持现有值,提交时会按照文本框现有内容进行提交。
当 <input> 标签作为单行文本框使用时,除了 value 属性还可能用到以下两个属性:1) maxlength属性
在 <form> 表单中,允许使用 maxlength 属性设置文本框中最多可以输入的字符数量(包括空格)。如果我们要对年龄输入框设置,可以这样写:<form action="http://vip.xinbaoku.com/login.php" method="post" name="myForm"> 年龄:<input type="text" name="age" maxlength="3" /> </form>我们都知道,年龄没有超过三位数的,所以我们为年龄文本框设置最多可以输入 3 字符,当用户输入第 4 个字符时,不再允许输入。
2) size属性
size 属性用来定义文本框可见的字符数。可以这样使用:<form action="http://vip.xinbaoku.com/login.php" method="post" name="myForm"> 年龄:<input type="text" name="age" size="3" /> </form>与 maxlength 不同的是,size 定义的是文本框可见的字符数,当用户输入的字符数超出这个值时,还可以输入只是不再显示。
我们不建议为文本框设置 size 属性,目前很少有人这么做。如果需要,应该使用 CSS 设置文本框的宽度。
所有教程
- C语言入门
- C语言编译器
- C语言项目案例
- 数据结构
- C++
- STL
- C++11
- socket
- GCC
- GDB
- Makefile
- OpenCV
- Qt教程
- Unity 3D
- UE4
- 游戏引擎
- Python
- Python并发编程
- TensorFlow
- Django
- NumPy
- Linux
- Shell
- Java教程
- 设计模式
- Java Swing
- Servlet
- JSP教程
- Struts2
- Maven
- Spring
- Spring MVC
- Spring Boot
- Spring Cloud
- Hibernate
- Mybatis
- MySQL教程
- MySQL函数
- NoSQL
- Redis
- MongoDB
- HBase
- Go语言
- C#
- MATLAB
- JavaScript
- Bootstrap
- HTML
- CSS教程
- PHP
- 汇编语言
- TCP/IP
- vi命令
- Android教程
- 区块链
- Docker
- 大数据
- 云计算