html元素笔记,HTML学习笔记 表单元素

代表表单

action：往什么地方提交

method：提交方式  get显示提交(不安全)  post隐视提交(安全)

提交内容：  name=输入的值& name=输入的值

target：显示方式   _blank：在新窗口打开页面　　_self：在自身的页面打开

1.文本类

文本框： type = "text"    value 文本框的值　　name 文本框的名称

form表单传值时，以name = value 的形式去传值

密码框： type = "password"    value 密码框的值 　　name 密码框的名称

form表单传值时，以name = value 的形式去传值

隐藏域：type = "hidden"　　value 隐藏域的值　　name 隐藏域的名称

form表单传值时，以name = value 的形式去传值(目的是传数据，链接多个资源)

文本域：值不是写在value属性中的，是写在两个标签内的

rows：可见区域的行数　　cols：可见区域的横向字符数

placeholder:默认在文本框中显示的文字

代码：

文本框：

密码框：

隐藏域：

文本域：

123456

效果展示：

2.按钮类

普通按钮： type = "button"    name:按钮的名称　　value：按钮上显示的文字

提交按钮：   type = "submit"  提交功能　　name:按钮的名称　　value：按钮上显示的文字

重置按钮：　type = "reset"   将表单里的内容重置　　name:按钮的名称　　value：按钮上显示的文字

图片按钮：　type = "image"   提交功能，提交到

中action指向的文件

name:按钮的名称　　value：按钮上显示的文字　　src:引入图片

代码：

效果展示：

3.选择类

单选按钮：type = "radio"name :按钮名称　　value ：按钮的值

复选框：   type = "checkbox"　　name :复选框的名称　　value ：复选框的值

下拉列表　　代表下拉：name 下拉列表的值

代表项：value 该项的值

文件选择：type = "file"　　name :文件选择的名称

代码：

男

女

张店

临淄

高清

沂源

张店

临淄

高清

沂源

效果展示：

4.其他属性

readonly ="readonly" ：只读   可以提交value值

disabled ="disabled"：不可用    不可以提交value值

cheched ="checked"  :是radio checkbox的默认选中

selected = "selected" 用在下拉列表中，设置哪一项选中

来源：https://www.cnblogs.com/zqy6666/p/11720909.html