设为首页 加入收藏

TOP

前端学习日记之HTML、CSS 简单总结(二)
2019-09-03 03:32:36 】 浏览:181
Tags:前端 学习 日记 HTML CSS 简单 总结
像素的线框
  • tr :橫行
  • td :一个单元格
  • rowspan="2" :从上往下合一列的两个单元格(跨行)
  • cospan="2" : 从左往右合并一行的两个单元格(跨列)
  • caption: 表格标题
  • th :td加粗,表头专用
  • thead:表头
  • tbody:表身
  • 八.form表单域

    1. 单行输入框、密码框、单选按钮、多选框、提交方式

        <form action="#" method="get/post ">
        
        账号:<input name="user" type="text" value="123456" maxlength="7"readonly disabled placeholder="请输入账号"><br><br>
        密码:<input name="pwd" type="password" placeholder="请输入密码"><br><br>
        
        性别:
            <input type="radio" name="gender" value="男"> 男
            <input type="radio" name="gender"value="女"> 女 <br><br>
        爱好:
            <input name="run" type="checkbox">跑步
            <input checked name="swim" type="checkbox">游泳
            <input name="basketball" type="checkbox">篮球
            <input name="bassball "type="checkbox">足球
            
        生日:
            <select size="3">
                <option value="1990">1990</option>
                <option value="1991">1991</option>
                <option selected value="1992">1992</option>
                <option value="1993">1993</option>
                <option value="1994">1994</option>
                <option value="1995">1995</option>
                <option value="1996">1996</option>
                <option value="1997">1997</option>
                <option value="1998">1998</option>
                <option value="1999">1999</option>
                <option value="2000">2000</option>
            </select>
            <select>
                <option value="1">1</option>
                <option value="2">2</option>
                <option value="3">3</option>
                <option value="4">4</option>
                <option value="5">5</option>
                <option value="6">6</option>
                <option value="7">7</option>
                <option value="8">8</option>
                <option value="9">9</option>
                <option value="10">10</option>
                <option value="11">11</option>
                <option value="12">12</option>
            </select>   
            
        <input type="submit" value="完成"> <!--value修改了提交按钮的文字显示内容-->
        </form> 
    • action="#":发送到哪个服务器(# 代表当前网页)
    • method="get" 不写method的话默认是get-在url后拼接?
    • method="post" 隐式的提交
    • <input type=" ">:一个输入框,默认type为text(明文输入),password(隐藏输入)
    • radio(单选按钮),在单选按钮中加一个name属性,且值相同就可以实现互斥
    • checkbox(多选按钮),可选可不选,可多选
    • checked:默认选择了当前项
    • submit:将name=" "这个属性提交给服务器,该属性的值的属性的值为input的内容如果没有input,而是选择(单选或多选)那么该属性的值的属性可用value=" "来代替
    • maxlength: 限制字符长度
    • readonly : 只读
    • disabled : 明令禁止,不会向服务器发送该数据
    • <select><option></option></select>:下拉列表
    • sezi="3":下拉列表框呈现3列数据
    • selected:默认选择了当前项

    2. 多行文本输入框、按钮、重置、hidden、pre

    • 多行文本输入框

    ```

        <textarea na
    首页 上一页 1 2 3 4 5 6 7 下一页 尾页 2/10/10
    】【打印繁体】【投稿】【收藏】 【推荐】【举报】【评论】 【关闭】 【返回顶部
    上一篇sublime text3格式化html,css,js.. 下一篇ife2018 零基础学院 day 4

    最新文章

    热门文章

    Hot 文章

    Python

    C 语言

    C++基础

    大数据基础

    linux编程基础

    C/C++面试题目