侧边栏壁纸

列表和表单基础标签

  • 阿伟 原创作品 1个月前
  • 前端学习 暂无标签~
  • 49阅读0评论0点赞
  • 列表标签

    无序列表

    ul:父标签
    li:子标签
    演示

    <h4>你喜欢的食物</h4>
    <ul>
         <li>草鱼</li>
    </ul>

    提示:ul只能嵌套li,li可以嵌套任何元素

    有序列表

    ol:父标签
    li:子标签
    提示:ol只能嵌套li,li可以嵌套任何元素

    自定义列表

    dl:父标签
    dt:标题
    dd:内容
    顺序:dl➡dt➡dd
    演示:

    <dl>
        <dt>关注我们</dt>
        <dd>新浪微博</dd>
        <dd>腾讯微博</dd>
        <dd>联系方式</dd>
    </dl>

    提示:dl只能嵌套dt和dd,dt和dd可以嵌套任何元素

    表单标签

    表单的组成:
    1,表单域
    2,表单控件
    3,提示信息

    表单域

    form:父标签
    form属性:
    action:链接地址
    method:提交方式➡属性值:post,get,dialog
    name:表单名称

    表单控件

    input:输入表单元素

    属性:

    1. text:文本
    2. button:普通按钮(配合js使用)
    3. checkbox:多选框
    4. file:上传
    5. hidden;隐藏输入字段
    6. image:图像上传
    7. password:密码
    8. radio:单选按钮
    9. value:规定元素名称:主要给后台人员使用
    10. name:定义input元素名称:单选按钮和多选框都要有相同的name值
    11. maclength:正整数(最大字符)
    12. submit:提交按钮
    13. date:日期
    14. placeholder:提示信息

      label标签
      lable嵌套名称,属性值ror
      input添加属性id,id属性值必须跟for属性值一致
      列如

      <form>
       <label for="sex">姓名:</label><input type="text" name="sex" id="sex">
      </form>

      select下拉表单元素

      select嵌套option
      提示:
      至少包含一对option
      在option中定义selected=”selected“时,当前项为默认选中

    textarea文本域元素

    属性:
    cols(行数字符)
    rows:(行数)

    0

    —— 评论区 ——

    昵称
    邮箱
    网址
    取消