HTML表单下拉框等的应用

最新推荐文章于 2024-09-10 13:54:44 发布

opo77_

最新推荐文章于 2024-09-10 13:54:44 发布

阅读量253

点赞数

分类专栏：笔记文章标签： html

本文链接：https://blog.csdn.net/opo77_/article/details/105773006

版权

笔记专栏收录该内容

32 篇文章 0 订阅

订阅专栏

HTML4


<table>
    <tr>
        <td>20</td>
        <td>19</td>
        <td>18</td>
    </tr>
    <tr>
        <td>17</td>
        <td>16</td>
        <td>15</td>
    </tr>
    <tr>
        <td>14</td>
        <td>13</td>
        <td>12</td>
    </tr>
</table>
<!-- table 表格 tr table row一行  td table data每个单元格-->
<table>
    <tr>
        <th>日期</th>
        <th>花费</th>
       
    </tr>
    <tr>
        <td>8月1日</td>
        <td>100</td>
      
    </tr>
</table>
<!-- th table header -->
<table>
    <tr>
        <th>日期</th>
        <td>8月1日</td>
    </tr>
    <tr>
        <th>花费</th>
        <td>100</td>
    </tr>
</table>

<!-- 表单 -->
<lable>登录名:</lable>
<input type="text"name="username" maxlength="30"/>
<br/>
<lable>密码: </lable>
<input type="password" name="password" maxlength="30"/>
<br/>
<br/>
<label>踩一踩:</label>
<textarea name="foot" cols="9" rows="8">请留下你的足迹</textarea>
<!-- cols文本域宽度  textarea多行文本域 -->
<table>
    <tr>
        
        <th></th>
        <th>星期一</th>
        <th>星期二</th>
        <th>星期三</th>
        
    </tr>
    <tr>
        <th>上午</th>
        <td>数学课</td>
        <td>英语课</td>
        <td>计算机课</td>
    </tr>
    <tr>
        <th>上午</th>
        <td>英语课</td>
        <td>美术课</td>
        <td>音乐课</td>
    </tr>
    <tr>
        <td></td>
        <td></td>
        <td></td>
    </tr>
</table>

效果为：
在这里插入图片描述
HTML5


<!DOCTYPE html>
<html>
<head>
    <title>程序媛HTML5</title>
</head>
<body>
<!-- 下拉列表 -->
<p>请选择你的国籍</p>
<select name="nationality" multiple="multiple">
    <option value="China" selected="selected">中国</option>
    <option value="Korean">韩国</option>
    <option value="Japan">日本</option>
</select>
<button>提交</button>
<!-- 复选框 -->
<p>请选择你最爱的食物</p>
<input type="checkbox" name="food" value="pizza" checked="checked"/>Pizza
<input type="checkbox" name="food" value="pasta" />pasta
<input type="checkbox" name="food" value="brownie" />brownie
<input type="checkbox" name="food" value="ice-cream" />ice-cream
<!-- 转义字符 -->
<p>阿拉啦啦啦&#8482&ltp&gt</p>
</body>
</html>