• 0427HTML基础:表单、文本、按钮


    表单
    |-<form></form>
    |--action(行为):指向跳转页面
    |--method(方法):以什么样的形式进行数据的提交
    |----post:隐性提交 get:显性提交
    |--traget:打开方式
    |----—_blank:新页面打开 _self:自身页面打开
    |-文本类
    |--文本框:type="text"
    |--密码框:type="password"(password密码)
    |--隐藏域:type="hidden"(hidden:隐藏)
    |--文本域:<textarea name="" rows="" cols=""></textarea>(area:区域)
    |----输入框提示:placeholder
    https://www.baidu.com/?a=这是文本框&b=zheshimimakuang&c=这是隐藏域&d=这是文本域

    <form action="https://www.baidu.com" method="get" target="_self">
      <!--文本类-->
      文本框:<input type="text" name="a" id="" value="" placeholder="这是文本框"/><br />
      密码框:<input type="password" name="b" id="" value="" /><br />
      隐藏域:<input type="hidden" name="c" id="" value="这是隐藏域" /><br />
      文本域:<textarea name="d" rows="" cols=""></textarea><br />
    </form>


    |-按钮类
    |--普通按钮type="button"
    |--重置按钮type="reset"
    |--提交按钮type="submit"
    |--图片按钮type="image"

    <input type="button" name="" id="" value="普通按钮" />
    <input type="reset" name="" id="" value="重置按钮" />
    <input type="submit" name="" id="" value="提交按钮" />
    <input type="image" src="../../xiaomi/xiaomitubiao.png" name="" id="" value="图片按钮"width="50px" height="50px" /><br />


    |-选择类
    |--单选type="radio" name值要一样
    |--复选type="checkbox"
    |--下拉<select><option></option></select> select:选择
    |--文件选择type="file"
    https://www.baidu.com/?xingbie=0&dizhi1=zd&dizhi2=lz&yanse=gren&wenjian=jcpicker.exe

    <input type="radio" name="xingbie" id="" value="0" /><input type="radio" name="xingbie" id="" value="1" /><input type="checkbox" name="dizhi1" id="" value="zd" />张店
    <input type="checkbox" name="dizhi2" id="" value="lz" />临淄
    <input type="checkbox" name="dizhi3" id="" value="ht" />桓台
    <input type="checkbox" name="dizhi4" id="" value="zc" />周村<br />
    <select name="yanse"><!--select:选择-->
      <option value="yellow">黄色</option><!--option:选项-->
      <option value="gren">绿色</option>
      <option value="blue">蓝色</option>
      <option value="red">红色</option><br />
    </select>
    <input type="file" name="wenjian" id="" value="" /><br />


    |-其他属性
    |--只读 readonly="readonly"
    |--不可用disabled="disabled"
    |--单选框、复选框的默认选中 checked="checked"
    |--下拉选择的默认选中 selected="selected"

    文本框:<input type="" name="" id="" value=""  readonly="readonly" placeholder="这是只读文本框"/><br />
    文本框:<input type="" name="" id="" value=""  disabled="disabled" placeholder="这是不可用文本框"/><br />
    <!--单选框、复选框的默认选中-->
    <input type="radio" name="xingbie" id="" value="" checked="checked"/><input type="radio" name="xingbie" id="" value="" /><br />
    <input type="checkbox" name="dizhi1" id="" value="zd" / checked="checked">张店
    <input type="checkbox" name="dizhi2" id="" value="lz" / checked="checked">临淄
    <input type="checkbox" name="dizhi3" id="" value="ht" />桓台
    <input type="checkbox" name="dizhi4" id="" value="zc" />周村<br />
    <!--下拉选择的默认选中-->
    <select name="yanse">
      <option value="yellow">黄色</option>
      <option value="gren" selected="selected">绿色</option>
      <option value="blue">蓝色</option>
      <option value="red">红色</option><br />
    </select>

  • 相关阅读:
    sql随笔
    fastadmin 后台管理 时间戳字段使用
    查询优化随笔
    Hbuilder连接苹果手机
    composer安装Laravel
    php取上个月月初和月末时间戳
    fastadmin 后台view data-source关联报500错误问题
    京东宙斯平台使用方法(accesstoken,appkey,appsecret参数和SDK的获取)
    STM32的USB速度,终于确定了传输极限,为以后的产品设计提供了数据。
    上位机用USB做虚拟串口,总算抓到一个纯代码的总结了,没有坑的完美解决。
  • 原文地址:https://www.cnblogs.com/zhangbaozhong/p/8962991.html
Copyright © 2020-2023  润新知