html笔记(上)

Title悬停文本，标题

不换行的文本标签

 <nobr>55555</nobr> <nobr>55555</nobr>

中文的空格

 

超链接

<a href=""></a>

超链接打开一个新的窗口

<a href=""target="_blank"></a>

回到顶部，或者回到底部，

<a href="坐标一"></a> 
​
<a name="坐标一"></a>

分割线

<hr />

有序列表（只有<li>标签里可以放其他标签）

<ol> 
     <li></li>
</ol>

无序列表

<ul>
    <li></li>
</ul>

定义列表（dt前 dd后）

<dl>
    <dt></dt>
    <dd></dd>
</dl>

普通的输入框

<input type="text" id="" value="" />

输入框初始悬浮文本

手机号：<input type="text" name="" id="" placeholder="请输入年龄" />

可改变内容的按钮

<input type="button" name="" id="" value="" />

输入内容变成密码隐藏模式

<input type="password" name="" id="" value="" />

单独的，自定义的下拉框

        <select>
            <option>请选择</option>
            <option value="">1999</option>
            <option value="">2000</option>
            <option value="">2001</option>
            <option value="">2002</option>
            <option value="">2003</option>
            <option value="">2004</option>
            <option value="">2005</option>
            <option value="">2006</option>
        </select>

滑动条

外语水平：低<input type="range" name="" id="" value="" />高

多选的选择方形框

爱好：
        <input type="checkbox" name="" id="" value="" /><label for=""></label>体育
        <input type="checkbox" name="" id="" value="" /><label for=""></label>音乐
        <input type="checkbox" name="" id="" value="" /><label for=""></label>旅游
        <input type="checkbox" name="" id="" value="" /><label for=""></label>看电影

多选框的一键全选

在变成全选的input框里放入id="sel_1" οnchange="selectAll()"
​
然后在body外放入
       <script src="https://cdn.bootcss.com/jquery/1.10.0/jquery.min.js"></script>
            <script type="text/javascript">  
            function selectAll(){
                var isCheck=$("#sel_1").is(':checked');  //获得全选复选框是否选中
                $("input[type='checkbox']").each(function() {  
                    this.checked = isCheck;       //循环赋值给每个复选框是否选中
                });
            }
            </script
    

单选的选择○框（需要neme内容一致，才能绑定只选一个）

性别：
        <input type="radio" name="3" id="" />男
        <input type="radio" name="3" id="" />女
        <input type="radio" name="3" id="" />保密

改变普通输入框的宽度和长度，

style="width:200px; height:100px;" 
       左右长度        上下宽度

改变颜色

bgcolor=""

仅显示年和月的选择栏

<input type="month" name="" id="" value="" />

显示年月日的

<input type="datetime-local" name="" id="" value="" />