HTML——表单

表单的作用,常用的input属性

type 作用
checkbox 复选框,通过name来分组,通过value提供值
radio 单选框,通过name来分组,通过value提供值
button 可点击按钮
hidden 隐藏的输入字段
image 图像形式的提交按钮
file 输入字段和“浏览”按钮,供文件上传
password 密码字段,输入时自动变为*号
reset 重置按钮,会清空表单中所有数据
submit 提交按钮,会将表单中的数据发送到服务器
text 单行的输入字段,可在其中输入文本,默认20个字符宽度

还可以用下拉菜单——select。如下。
它将形成一个下拉菜单,通过value提供值。


当需要输入大段文字时。可以用textarea


我们可以通过CSS设置它的大小、是否可拖动、内部padding等属性。

post和get方式的区别

** get **是将要上传的参数列队加到提交表单的action属性所指的URL中,其中的值和表单内各个字段一一对应,在URL中可以看到。
** post **是通过HTTP post机制,将表单内各个字段与内容放置在HTML HEADER内一起传送到action属性所指的URL中,在URL中用户看不到其中的值。

在input里,name有什么作用

当input属性或者select和textarea中没有name属性时。提交表单的时候这个没有name的值将不会提交。
并且,checkboxradio都会通过name来分组。相同的name值将划分为同一组,不同的name值将划分为不同的值。

radio如何分组

radio通过name分组。

placeholder属性有什么作用

在文本输入框中预先显示内容。如


在上面代码显示出来的文本框中。将显示"STH"文字。当用户点击文本框且输入内容时,"STH"将消失,并且"STH"并不会在提交表单时传输给后台,即便用户没有在文本框中输入任何内容。

type=hidden隐藏域有什么作用

  1. 暂存一些值。
  2. 安全,在提交后,后端可以通过hidden中的的value在校验用户发来的数据是否是被允许的。

你可能感兴趣的:(HTML——表单)