HTML表单的用法

1.简介

HTML表单是一个包含表单元素的区域,用来收集用户输入的内容并提交。
表单元素通常包括文本域(textarea)、单选框(radio-buttons)、复选框(checkboxes)等。
表单使用标签

来设置。

form的属性:
  • action:规定当提交表单时,向何处发送表单数据。action取值为:第一,一个URL(绝对URL/相对URL),一般指向服务器端一个程序,程序接收到表单提交过来的数据(即表单元素值)作相应处理。
  • method:该属性定义浏览器将表单中的数据提交给服务器处理程序的方式。最常用的值是get和post。

2.表单元素

表单元素指的是不同类型的 input 元素、复选框、单选按钮、提交按钮等等。

  • 1.input标签常见元素:
input标签 作用
text 单行文本框
password 圆点密码框
button 普通按钮
submit 提交所有数据按钮
checkbox 多选框
radio 单选框
file 文件上传
reset 重置所有项
hidden 隐藏域

格式:

  • 2.



    设置selected为默认选项

  • 3.:多行文本
    多行文本,cols=“50”、rows=“15”属性表示行数和列数,不指定则浏览器采取默认显示。

  • 4.标签
    前可以写普通的文本来修饰,但是单击修饰文本的时候input并不会得到焦点,而用label则可以,for属性指定要修饰的控件的id,;”,然后按下alt+u(了解)。accesskey=“u“,label的另一个属性。

3.name属性的作用

name属性规定了input元素的名称,用于后续提交表单数据,或者在JS中引用表单。 POST和GET的时候,name和input中的值会形成的 键/值 对,服务器端的表单处理程序只有通过name才能获取到相应的用户输入。 check和radio靠相同的name值分组。

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