前端从HTML开始——表单验证

HTML表单

表单是以<form>元素作为容器，我们可在其中设置基本的提交特性

1、表单的组成
一个表单有三个基本组成部分:
表单标签:这里面包含了处理表单数据所用CGI程序的URL以及数据提交到服务器的方法。
表单域:包含了文本框、密码框、隐藏域、多行文本框、复选框、单选框、下拉选择框和文件上传框等。
表单按钮:包括提交按钮、复位按钮和一般按钮;用于将数据传送到服务器上的CGI脚本或者取消输入,还可
以用 表单按钮来控制其他定义了处理脚本的处理工作。

表单标签及属性
<form>标签就是表单标签，该标签用于在网页中创建表单区域，属于一个容器标签；
action：表单的属性之一，用于指示服务器上处理表单输出的程序；
method：表单属性之一，此属性告诉浏览器如何将数据发送给服务起，指定向服务器发送数据的方法，是用post或者get；

表单元素
<input>标签

• type属性：指定表单元素的类型，可选项有text、password、checkbox、radio、submit、reset、file、hidden、image和button，默认为text；
• name属性：指定表单元素的名称；
• value属性：可选，指定表单元素的初始值；
• checked：指定按钮是否被选中；
• size属性：指定表单元素的初始宽度；
• maxlength属性：指定可在text或password元素中输入的最大字符数；
• placeholder属性：用来对可输入字段的期望值提供提示信息

<form>
        姓名：<input type="text" placeholder="请输入您的账号">	    </br>
      	密码：<input type="password" placeholder="请输入您的密码">
		</br>
		年龄：
        <input type="radio" name="sex">男
        <input type="radio" name="sex">女
        </br>
        爱好：
        <input type="checkbox">唱歌
        <input type="checkbox">跳舞
        <input type="checkbox" checked>篮球
        </br>
        <input type="button" value="点我试试">
    </form>