多语言展示
当前在线:1007今日阅读:155今日分享:35

html的input控件使用方法

对于动态页面,难面会面临数据的交互,需要从服务端将数据发送到客户端,也需要从客户端上传数据到服务端,而传输数据最常用的就是html中的input控件。
工具/原料

html

方法/步骤
1

如果是需要将input控件的数据传输到服务端,那么需要将它们包含在form中。

2

以下内容,全部在form的内部进行。

3

input控件用input开头,在标签中添加多个属性。input标签是单标签。当不写type属性时候,默认的是文本输入框。

4

type="text"的时候,是文本输入框。

5

用浏览器查看效果,入下图所示:

6

type="password" 的时候,是看不见输入框中的内容的。全部是点或*号。通常用于处理密码的输入。

7

注意,需要添加一个属性name属性,才能将输入的文本内容获得后上传到服务端。

8

使用placeholder可以在输入框内显示文字内容,当点击后文字消失。

9

type="submit"的时候,input控件是提交按钮。

10

不需要再添加其他内容,此按钮便会处理form表单中的input内容。并提交。可以为此按钮添加一个名字,使用的是value="提交按钮"双引号中的内容显示到按钮中。

11

如果您使用的方式是get方式,内容将在浏览器的地址栏中显示出来。

12

get传输方式最好不要使用于敏感数据的传输。

推荐信息