html的input控件使用方法

 时间:2024-10-14 05:37:03

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

html的input控件使用方法

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

html的input控件使用方法

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

html的input控件使用方法

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

html的input控件使用方法

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

html的input控件使用方法

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

html的input控件使用方法

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

html的input控件使用方法

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

html的input控件使用方法
html的input控件使用方法

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

html的input控件使用方法

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

html的input控件使用方法

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

html的input控件使用方法

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

  • 战士二式,二脚间距离需要多宽?
  • 哈利波特魔法觉醒舞会怎么玩
  • python模块tkinter之canvas的用法
  • 怎样认识一带一路提出的重要意义
  • jsp获取当前时间
  • 热门搜索
    手抄报大全简单又漂亮 端午节手抄报资料 感恩母亲手抄报 红领巾心向党手抄报内容 数学手抄报模板 童心向党手抄报图 安全教育的手抄报 文明交通手抄报 一二年级安全手抄报 开学第一课手抄报