HTML--表单

    <!-- 表单:由表单域、表单控件(表单元素)和提示信息构成 -->
    <!-- 由<form></form>标签包围,将其范围内的表单元素信息提交给服务器 -->
    <!-- <form action=url地址" target="" method="get/post" name="xxx"></form> -->
    <!-- action:定义提交表单时要执行的操作,一般是用户点击提交表单数据发送到服务器的文件中 -->
    <!-- target:提交表单后在何处显示响应,
            _blank:响应显示在新窗口或选项卡中
             _self:响应显示在当前窗口中
            _parent:响应显示在父框架中
            _top:响应显示在窗口的整个body中
            framename:响应显示在命名的iframe中 -->
    <!-- method:提交方式,get:请求获取/post:请求传输 -->
    <!-- name:表单域名称,用于区分各个表单域 -->
    <form>
        <input type="button" name="haha" value="haha">
    </form>
    <br/>
    <!-- 表单元素 -->
    <!-- 1 input输入表单元素,单标签 -->
    <!-- input属性: -->
    <!-- (1)name:input元素名称,用于区分input -->
    <!-- (2)value:input元素值,会显示在表单中,也会送到后台 -->
    <input type="text" value="haha"><br/>
    <!-- (3)checked:首次加载时被选中 -->
    <input type="radio" checked="checked">haha<br/>
    <!-- (4)maxlength:规定输入字段中的字符最大长度 -->
    <input maxlength="4"><br/>
    <!-- (5)type:表单类型 -->
    <!-- type属性:
            button:定义点击按钮
            checkbox:复选框
            file:输入字段和“浏览”,供文件上传
            hidden:隐藏的输入字段
            image:图像形式的提交按钮
            password:密码字段
            radio:单选按钮
            reset:重置按钮,清除表单所有数据
            submit:提交按钮,将表单数据发送到服务器(点击会跳转到action属性定义的文件)
            text:单行的输入字段,默认宽20个字符 -->
    <input type="button" name="submit" value="sure"><br/>
    <input type="checkbox">dada<br/>
    <input type="hidden"><br/>
    <input type="image" src="moer.jpg"><br/>
    <input type="password"><br/>
    <input type="radio">kaka<br/>
    <input type="reset"><br/>
    <input type="submit"><br/>
    <input type="text"><br/>

    <!-- <label>双标签,不属于表单元素常与表单搭配使用,为input元素定义标注 -->
    <!-- 绑定表单元素,点击<label>中文本时,自动将光标移到对应表单上 -->
    <input type="radio" name="sexchoice" id="sex">
    <label for="sex">girls</label><br/>

    <!-- <select>双标签,下拉表单元素,至少含有一个option -->
    <select>
            <option>jin</option>
            <option selected="selected">huo</option>
            <option>tu</option>
        </select>
    <!-- <textarea>双标签,文本域表单元素 rows:显示的行数 cols:每行的字符数 实际开发中用css来改变 -->
    <textarea rows="4" cols="5">write..</textarea>

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值