【无标题】

form表单

form 表单,可以用来提交数据,form 是一个块标签
action 属性,数据要提交到的服务器地址,一般是接口地址
method 属性,数据的提交方式

    	他的值有:
            get,post,put,delete 等
        get:get请求可以把数据拼接到 接口地址的url上,缺点是不安全,提交的数据较少
        post:post请求,在post提交的数据信息中,不会看到提交的数据结构,相比较get是安全的,并且提交的数据较大

label 标签,行标签,经常和input搭配使用,表示input的标题
input 标签,行标签,输入框,常用表单输入
type属性,用来设置输入框类型

        属性值:
                text 文本输入框
                password 密码输入框
                button 普通按钮
                submit 提交按钮
                reset  重置按钮
                radio 单选框
                checkbox 多选框
                hidden 隐藏框
                file 提交文件
            	number 输入数字

value属性,设置input的值
== name属性==,对于界面显示没有任何影响,主要用于数据交互,实质上name的值即是后台数据的字段名
placeholder 属性 ,输入框的提示信息
maxlength属性,输入字符的最大长度

单选框和复选框的默认选中,只需要在input上设置checked属性即可

checked 默认选中
<input type="radio" checked name="sex" value="男">男</label> <label><input type="radio" name="sex" value="女">女<br/></label>
disabled 禁用
<label><input disabled type="checkbox" value="拉面">拉面</label><br/>
readonly 只读
<input type="text" readonly value="2000-04-01"/>
hidden 隐藏框
<input type="hidden" value="珍爱网"/>

**设置textarea **
textarea 多行文本输入框

        属性
            rows 设置具有多少行
            cols 设置具有多少列
 <label>输入简介</label>
        <textarea  class="area" rows="10" cols="50"></textarea><br/>

通过css的resize属性,设置 拖拽的方向
horizontal 横向拖拽
vertical 纵向拖拽
both 双向拖拽
none 不拖拽

input 属性,虽然是行标签,但是可以设置宽高
minlenght 最少字符数
required 设置为必填项

select 下拉框,行标签
它的子级必须是option标签,每一个option标签表示一个选项,option具有value属性

<select>
            <option value="杭州">杭州</option>
            <option value="2">成都</option>
            <option value="3">深圳</option>
            <option value="4">西藏</option>
            <option value="5">乌鲁木齐</option>
        </select><br/><br/>

fieldset 创建一个组
legend 组的标题

<fieldset>
            <legend>学生信息</legend>
            <lable>姓名</lable>
            <input type="text" avlue="" class="txt"><br/>
            <lable>年龄</lable>
            <input type="text" avlue=""><br/>
        </fieldset>
  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值