小白之旅16-3

表单标签 form

概念：用于收集用户输入的数据并提交到服务器

格式:

<form action="" mehthod="">
  // 输入域标签  
</form>

action：将数据提交到服务器的目标地址

method：提交方式，

​ 1、post：相对安全

​ 2、get：不安全

输入域标签 input

概念：用于获取用户输入的数据

格式：

<input type="">

type属性的取值：

1、text：文本输入框，接收文本输入，接收的内容全是字符串，name属性表示提交到服务器中获取数据的键，value属性表示提交的值

2、password：密码框，接收文本输入，接收的内容全是字符串，同text，password也具有maxlength(限制字符数量)和placeholder(友好提示)

3、radio：单选框，同一范畴中的单元框必须满足互斥性，name属性用于将多个radio标签归结在同一个组中，让从而使它们产生互斥性

4、checkbox：复选框，同一范畴中的复选框应该使用相同的name属性进行分组，与radio相同，checkbox也可以设置默认选中项

​ 设置默认选中项：checked、checked=""、checked="checked"

5、button：普通按钮，如果没有赋予它事件，那么这个按钮没有默认的点击效果，value属性表示按钮的文本内容

6、reset：重置按钮，重置当前表单，只是将所在表单中的输入内容重置为默认状态，并不提交数据，value属性表示按钮的文本内容

7、submit：提交按钮，提交当前表单的数据到服务器中，value属性表示按钮的文本内容

注：button标签也是一个普通按钮，但是如果button按钮放在form中，那么它就具有了提交功能，相当于submit

转载于:https://www.cnblogs.com/demonycw/p/11329384.html