HTML常用标签的代码

2018-06-14  本文已影响0人  Save_Onfir3

PS:请配合我的上一篇博客食用。


iframe标签与a标签在一起时的用法:

<iframe src="#" frameborder="0" name="xxx"></iframe>
<a target="xxx" href="https://baidu.com">百度</a>

一段form的代码:

<form action="user" method="post">
        <label>用户名<input type="text" name="username"></label>
        <label>密码<input type="password" name="password"></label>
        <input type="submit" value="提交">
</form>

input:
checkbox:

喜欢的水果:
    <label><input type="checkbox" name="fruit" value="orange">橘子</label>
    <label><input type="checkbox" name="fruit" value="banana">香蕉</label>

radio:

爱我吗
    <label><input type="radio" name="loveme" value="yes">YES</label>
    <label><input type="radio" name="loveme" value="no">NO</label>    

select:

<select name="group">
            <option value="">-</option>
            <option value="1">第一组</option>
            <option value="2">第二组</option>
            <option value="3" disabled>第三组</option>
            <option value="4" selected>第四组</option>
        </select>

加了multiple属性的select:

<select name="group" multiple>
            <option value="">-</option>
            <option value="1">第一组</option>
            <option value="2">第二组</option>
            <option value="3">第三组</option>
            <option value="4">第四组</option>
        </select>

textarea:

<textarea name="xxx" id="" cols="30" rows="10"></textarea>

用CSS固定后的textarea:

 <textarea style="resize: none;width: 200px;height: 200px;"name="xxx" id=""></textarea>

table:

<table border="1">
            <thead>
                <tr><th>班级</th><th>姓名</th><th>分数</th></tr>
            </thead>
            <tbody>
                <tr><td>一班</td><td>李雷</td><td>95</td></tr>
            </tbody>
            <tfoot>
                <tr><td>二班</td><td>韩梅</td><td>94</td></tr>
            </tfoot>
        </table>

添加了colgroup的table:

<table border="1">
            <colgroup>
                <col width=100>
                <col width=200>
                <col width=100>
            </colgroup>
            <thead>
                <tr><th>班级</th><th>姓名</th><th>分数</th></tr>
            </thead>
            <tbody>
                <tr><td>一班</td><td>李雷</td><td>95</td></tr>
            </tbody>
            <tfoot>
                <tr><td>二班</td><td>韩梅</td><td>94</td></tr>
            </tfoot>
上一篇 下一篇

猜你喜欢

热点阅读