2018-10-30day2表单标签和css基础

表单标签和input标签

1.表单标签:form
这个标签作为一个容器,俩收集和提交这个标签中的其他
相关标签的数据,一般不会单独使用

        action属性:设置提交路径(借口)
        method属性:设置请求方式(post/get)

post:发送数据
get:接收数据

2.input标签
input是单标签
input标签可以单独使用,也可以和form配合使用
type属性:这个值不一样,input的功能完全不一样

a。文本输入框(type=text)和密码输入框(type=password)
type-text(明文输入框)
type- password(密文输入框)
name-随便命名,用来对输入内容进行说明。
数据提交的时候以name:value进行提交。name的值会作为发送请求
的参数名,value就是参数值
value - 指向的就是文本输入框中的内容
placeholder - 占位符,提示信息
maxlength - 限制输入框输入的最大字符个数
b。单选按钮
type-radio
name - 注意:同一类信息的name名需要设置成一样的值,
才能做到选择一个,其他选择取消
value - 需要设置值,来告诉对应的按钮对应值的意义
checked="checked"设置默认选中状态
c。复选按钮
type- checkbox
name- 如果是同一类数据,name值也要设置成一样的
value- 需要设置值,来告诉对应的按钮对应值或意义
d。普通按钮
type- button
value - 设置按钮上显示的文字
e。type - submit(提交)
可以自动提交当前form标签中的所有设置了name属性的标签值
f。重置按钮
type - reset
可以将当前form标签中所有的标签值回到初始值



    
        
        
        
    
    
        
网球 篮球

选择下拉菜单和多行文本域

1.下拉菜单: select
name - 提交的时候用来区分不同的数据
value - 提交的时候提交的具体数据
内容 - 显示的部分
selected - 设置默认选中

2.对下拉列表进行分组 optgroup
lable 设置分组名
3.多行文本域:textarea
输入的内容可以多行显示
rows 设置一屏最多显示的行数
cols 设置一行最大的列数