html5教程，零基础html5自学教程

在第一行跨三列，那么第一行中只有了一列，故代码如下：

<tr >    <td colspan="3">1-1</td> </tr>

将第一行与第二行的第一列合并，此时可以认为第三行只有两列，故第二行与第三行代码如下：

<tr>   <td rowspan="2">2-1</td>   <td>2-2</td>   <td>2-3</td> </tr> <tr>   <td >3-2</td>   <td>3-3</td> </tr>

表单标签

表单：

输入框 input type=“ ” ：

单选标签：

多选标签：其他同单选标签相同

下拉框：

<form action="图像标签.html" method="get">    <p>名字：<input type="text " name="username" value="hello" maxlength="4" ></p>    <p>密码：<input type="password" name="pwd" placeholder="请输入密码" required></p>    <p>        性别：        <input type="radio" value="boy" name="sex" >男        <input type="radio" value="girl" name="sex" >女    </p>    <p>        爱好：        <input type="checkbox" value="sleep" name="hobby">睡觉        <input type="checkbox" value="game" name="hobby" checked>游戏        <input type="checkbox" value="chat" name="hobby">聊天        <input type="checkbox" value="code" name="hobby">敲代码    </p>    <p>    下拉框：    <select name="国家" id="">        <option value="china">中国</option>        <option value="usa">美国</option>        <option value="eth" selected>瑞士</option>    </select> </p> </form>

下面是表单的一些其他元素，原理相同不再做一一解释。

<!--文本域textarea：-->    <p>    反馈：    <textarea name="反馈" id="" cols="30" rows="2"></textarea>    </p>    <p>邮件：        <input type="email" name="email">    </p>    <p>网站：        <input type="url" name="url">    </p>    <p>数字：        <input type="number" name="number" max="100" min="0" step="1">    </p>    <p>音量：        <input type="range" name="range" max="100" min="0" step="2">    </p>    <p>搜索框：        <input type="search" name="search">    </p>