HTML表单

html表单

结构： 

<form action=" " method=" " name=" ">

        表单元素

</form>

action:  提交地址(服务器地址)

                不填就是提交给当前文件的地址

        target:  _self 当前页面  打开后台服务器地址

                _blank  新窗口

        name:  表单的名字   

        method:  http  提交方式

                GET:默认方式

                    1.提交数据会暴露在 url

                    2. get 有安全性问题

                    3. 提交的数据的大小是有限的(2k)

                POST:

                    1.不会暴露在url中

                    2.有一定的安全性保证

                    3.提交的数据大小没有限制

form标签中，以下标签实现表单元素添加

表单内部的元素都是内联块元素

标签                                      描述

<input>                                表单输入标签

<select>                              菜单和列表标签

<option>                              菜单和列表项目标签

<textarea>                          文字域标签

<optgroup>                        菜单和列表项目分组标签

<input>标签 语法：

<input type="类型属性" name="名称"..../>

input  type属性值 描述

text 文字域

password 密码域  暗文

file 文件域

r/adio  单选域    同一组的name要相同

checkbox  复选域    checked 默认选择

button 按钮        文字是value

submit 提交按钮

reset 重置按钮

hidden 隐藏域

image 图片域    src url

单行文本域:

属性 描述

name 文字域的名称

maxlength 用户可以输入的最大长度

size 指定文本的宽度，以字符个数为单位，缺省宽度是20个字符

value 指定文本框的默认值

placeholder        规定用户输入的字段   

下拉菜单和列表标签

<select>

  <option value=" .."> 选项</option>

<option value=" .."> 选项</option>

</select>

select标签属性

属性 描述

name 设置下拉菜单和列表名

multiple s设置可选择多个选项

size 设置列表中可见选项的项目

option标签属性

属性 描述

selected 设置选项初始选中状态

value  送往服务器的选项值

多行文本域textarea

语法

<textarea name=" .."  rwos=" .." cols=" .." ...>

....

</textarea>

属性 描述

name 设置文本区的名称

placeholder 设置描述文本域预期值的简短描述

cols    一行多少个字符

rows 多少行

placeholder: 占位符提示，输入提示文本

disabled  禁止操作  设置就会生效

readonly 只读属性，无法操作 设置就会生效

checked  单选复选 预选中

lable ：辅助input 获取焦点标签

for="要获取焦点的标签id值"

name: 在前台和后台获取的值

select  下拉列表容器

selected默认选择

multiple 可复选的效果