html的input控件使用方法

来源：互联网 2023-03-16 19:10:32 481

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

工具/原料

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

html的input控件使用方法

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

html的input控件使用方法

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

html的input控件使用方法

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

html的input控件使用方法

用浏览器查看效果，入下图所示：

html的input控件使用方法

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

html的input控件使用方法

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

html的input控件使用方法

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

html的input控件使用方法

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

html的input控件使用方法

9该信息非法爬取自百度经验

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

html的input控件使用方法

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

html的input控件使用方法

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

以上方法由办公区教程网编辑摘抄自百度经验可供大家参考！