前端—表单元素

表单标签

     一：目的

             收集用户信息

     二：组成

            由表单域  表单控件 提示信息3部分组成

     三：表单域简介

          3.1 ：表单域是一个包含表单元素的区域

          3.2：<form>标签用来定义表单域，并把它范围内的表单元素信息提交给服务器

          3.3：格式

                  <form action="url地址" method="提交方式" name="表单域名称">

                           各种表单元素控件

                   </form>

    四：表单控件

         4.1：input输入表单元素

                 <input>标签中包含一个type 属性，不同的type属性值，输入字段拥有很多形式。

                 <input type="属性值” />

                  type属性值如下：

                        password：密码框，用户看不见输入的密码

                        radio：可以实现多选一

                        checkbox： 复选框 可以实现多选

                        text： 文本框 用户可以里面输入任何文字

                        submit：提交按钮 点击了提交按钮，可以把表单域form 里面的表单元素里面的值提交给后台服务器

                        reset: 重置按钮 可以还原表单元素初始的默认状态

                        file 文件域  上传文件时使用

                <input>标签除type属性外还有很多其他属性如 name value  checked maxlength等

      4.2：select下拉表单元素

                  语法格式：

                    <select>

                          <option>选项1</option>

                          <option>选项2</option>

                          <option>选项2</option>

                           ...

                    </select>

                      其中<select>中至少包含一对<option>

                      在<option>中定义select="selected"时，默认为选中项

      4.3：textarea文本域元素       

                   语法格式：

                       <textarea rows="3" cols="20">

                              文本内容

                       </textarea>

                           其中<textarea>标签可以实现多行文本内容输入框

                           rows="显示的行数"cols="每行中的字符数"