HTML表单文本框<INPUT>标签


关键词

HTML表单 文本框 INPUT

摘要

在HTML的表单控件中,用得最多就是文本框控件,它使用的是<INPUT>标签。

HTML表单文本框<INPUT>标签

在HTML的表单控件中,用得最多就是文本框控件,它使用的是<INPUT>标签。

一、定义


<INPUT>标签用于表示文本框、密码框、单选框、复选框、文件上传框、普通按钮、提交按钮、重置按钮等。它是根据不同的type属性值来判断各种不同的类型的子控件的。作为文本框使用时,type属性的值为“text”。

二、语法


<input type="text" name="xxx" size="20" maxlength="20" value="" />

说明:这里声明了一个文本框表单控件,名称为“xxx”,宽度为20个字符长度,文档框中最多可以输入20个字符,默认值为空。

三、属性


<INPUT>标签主要有type、name、size、value、maxlength等几个重要属性,下面一一解释。

type属性:
不同的type类型,将<INPUT>标签标记不同的<FORM>控件,值为text时表示文本框。

name属性:
用于标记此<INPUT>标签的名称,在JavaScript中,可以很方便的通过<FORM>标签的name属性来找到这个表 单,并进一步通过子控件<INPUT>标签的名称,从而找到下面的控件对象。从而就可以做出“用户名不能为空”这样的判断。

size属性:
用于表示控件的长度,这里貌似是使用字符数量来表示长度。

maxlength属性:
用于表示文本框可输入的最大字符数。

value属性:
对于文本框来说,value属性的值即为显示在文本框中的内容。

四、注意


 

要饭二维码

洪哥写文章很苦逼,如果本文对您略有帮助,可以扫描下方二维码支持洪哥!金额随意,先行谢过!大家的支持是我前进的动力!

文章的版权

本文属于“洪哥笔记”原创文章,转载请注明来源地址:HTML表单文本框<INPUT>标签:http://www.splaybow.com/post/html-form-input-text.html

如果您在服务器运维、网络管理、网站或系统开发过程有需要提供收费服务,请加QQ:8771947!十年运维经验,帮您省钱、让您放心!
亲,如果有需要,先存起来,方便以后再看啊!加入收藏夹的话,按Ctrl+D

« HTML表单<FORM>标签 HTML表单密码框<INPUT>标签 »