from表单

278 阅读2分钟

from
格式:表单元素 input的type属性有很多取值,根据不同的取值可以使input有不同的默认样式和功能
input是一个行内块元素,可以设置宽高属性,并且可以在一行显示多个元素
1,输入框
type=‘text’明文输入框
type=password掩文输入框
可以设置value设置输入框的默认值,用户真正的输入信息
placeholder 占位符 用来提示用户的信息
2:选择框
单选框
type=radio单选框是要互斥的,要通过给每一个单选项设置name属性并且name值一样
默认选中checked=’checked‘
复选框(多选
tyoe=checkbox可以有多个选择
默认选中checked=’checked‘
3按钮
按钮可以通过value设置按钮的标题
普通按钮
type=buttun
没有默认标题 要配合js来执行一定的操作
重置按钮type=reset
reset重置 作用就是用来清空表单中已经填写的信息,恢复到初始状态
提交按钮
type=submit submit提交
提交表单信息的必备条件
1from标签要设置action属性
2想要上传的表单元素要设置纳闷属性,上传的简明是name的属性值,上传的键值是value属性的属性值
3.4:用一个图片作为提交按钮
type=‘image’必须要的属性
type:file
from标签还有method属性
取值:get|post
默认值是get将上传的信息直接拼接在目标地址的后面,这种方式很不安全
post相对安全
input标签
type:button|reset|submit
button 按钮 双标签
格式:按钮标题
默认是submit提交按钮
type:button|reset|submit
label将文本与输入框绑定,是点击文本的时候可以输入框自动对焦
1、使用lable标签包裹着要绑定的文本
2。给要绑定的表单元素设置id属性
3。lable标签的for属性的属性值就是上一步设置id属性的属性值
select双标签
<select name=‘’id=‘’>

下拉菜单的选项
option标签是下拉菜单的选项,必须至少有一个optionselect不是通过用户输入的,而是通过选项选择,默认显示的是第一个option的内容selected=‘seleted’默认选中select
optgroup标签把下拉菜单的选项进行分组
textarea文本域 双标签
多行输入框
默认样式 有默认的宽高
cols column列可以设置文本域显示的行数和列数
row行
文本域可以无限输入,会自动换行
文本域可以手动拉伸,通过css设置