多语言展示
当前在线:145今日阅读:167今日分享:16

HTML中Input 属性的使用技巧

我们知道在网页上有着各种各样的元素与表格,我们在网页上面开启了一个输入框之后就要对于这个表单里面的内容进行限定,从而让人们的输入数据更加的合理。在这样的时候,我们就要使用到这个Input 属性,从而让数据的获取更加的有价值。
工具/原料

dreamweaver

方法/步骤
1

value属性。这是一个非常有用的代码,在表单的设计过程中有了这样的一个代码之后,我们的数据就可以从一个规定的文本开始。有了上面的语句之后,每一个人都可以从这个名字开始输入了。

2

只读数据。我们可以在一个表单当中填入一个只读数据,从而让人们不能改变这个表单的初始状态。这个表单的文字就是只读的,不能被改变的。

3

禁用数据。与上面的只读数据相似,我们还有着一个禁用数据的功能,这个数据出现在预设的表单当中,访问者不能进行修改,它与只读数据的一个区别就是,它的数据结果不会提交到数据库当中。

4

字段的尺寸。有了这个限制之后,我们的输入框就是受限的,这在外观上可以表现出来。我们还可以对于输入字段的尺寸进行一定的限定。有了这个限制之后,我们的输入字符就是有限制的。

5

最大字符数。 这个属性与上面的一个size有着非常类似的结果,这就是限制输入数据的长度。

6

自动填写。我们在输入表单的时候常常有这样的经验,就是表单当中的数据可以自动的填写,这就是我们开启了一个autocomplete 功能。当这个功能开启的时候,我们就可以让表单自动输入以往的信息。 autocomplete="on"

推荐信息