• WEBBASIC-HTML02


    table表格分组:

    thead:头分组

    tbody:体分组

    tfoot:脚分组

    注:分组标签没有显示效果,提高代码的可读性

    th:table header 一般用于表头,代替<td>,字体会自动加粗

    caption:表格标题 内容会自动中显示在表上面

    表单:浏览器中获取用户输入的内容传递给服务器时时使用的一般都是表单

     学习表单主要学习的是表单结合使用的各种控件,包括:文本框,密码框,单选,

    多选,下拉列表,文件选择,时间选择,按钮

    input:输入框

    input属性:

    type:

      type=text则不能修改此值

       type=password则为密码输入框,输入的信息看不到

       type=radio 为选择输入框 例如选择性别:

        < input type="radio" name="gender" value="男">男<input value="女" name=gender
        type="radio">女    name设置相同则为单选

        type="checkbox"为多选框:

    兴趣爱好:<input type="checkbox" value="lq" name="hobby" id="lq" > <label for="lq">打篮球</label>
    <input type="checkbox" value="wz" name="hobby" id="wz" ><label for="wz">王者荣耀</label>
    <input type="checkbox" value="cj" name="hobby" id="cj" ><label for="cj">吃鸡</label>
    <input type="checkbox" value="cg" name="hobby" id="cg" ><label for="cg">唱歌</label>

    注:加入label标签,且让其中的属性for值等于input中的id值,则在点击文字后也能选择

        name="username":该输入框提交输入框时该输入框名字,即为key。提交信息时系统以该值和

        输入文本以键值对形式提交

        type=“file” 为文件选择的控件,用于上传文件

       type=“date”为选择日期输入框,用于设置日期

     type=“hidden”为隐藏域,用户无法看到,但又需要上传的内容

    按钮:

     type=submit 提交按钮,加一个value则为按钮上的字

     type="reset" 回到初始状态,即将输入框中的字全部归零

     type="button"自定义按钮 

    textarea文本域:需要输入多行文本数据的时候使用(不是在input中)

     个人简介:<textarea rows="3" cols="20" 

    name="intro">这家伙很懒,什么都没留下...
    </textarea>

    value="你好":输入框固定有点值

    placeholder="说点什么吧":占位文本 没输入信息时文本框中提示的信息

    maxlength=“10”:输入框最大输入文本数

    readonly="readonly":只能读

     下拉选:<select> 设置固定选择项,点击下拉后选择固定选项

     所在城市:<select name="city">

    <option>请选择</option>
    <option>北京</option>
    <option>上海</option>
    <option>广州</option>
    </select>

     

  • 相关阅读:
    倍福TwinCAT(贝福Beckhoff)基础教程7.1 TwinCAT 如何简单执行NC功能块 TC3
    android studio导入项目时一直在Grandle Build Running
    Android Studio真机测试失败-----''No target device found"
    androidSDK配置环境变量
    Android Studio真机测试
    Android Studio修改默认Activity继承AppCompatActivity
    第一次使用Android Studio时你应该知道的一切配置(二):新建一个属于自己的工程并安装Genymotion模拟器
    第一次使用Android Studio时你应该知道的一切配置
    打开Android Studio时报Unable to access Android SDK add-on list
    友盟统计小白教程:创建应用,申请appkey
  • 原文地址:https://www.cnblogs.com/chenzhiwei/p/9626534.html
Copyright © 2020-2023  润新知