对于动态页面,难面会面临数据的交互,需要从服务端将数据发送到客户端,也需要从客户端上传数据到服务端,而传输数据最常用的就是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传输方式最好不要使用于敏感数据的传输。
上一篇:双11满400减50怎么用
下一篇:企业为什么要使用预算