form表单及table表格

最新推荐文章于 2024-07-25 11:26:35 发布

bjyx10050805szd_

最新推荐文章于 2024-07-25 11:26:35 发布

阅读量114

点赞数

文章标签： html servlet 前端

本文链接：https://blog.csdn.net/bjyx10050805szd_/article/details/129826278

版权

form表单

form 标签是用于指定表单数据的提交方式和地址。

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>form表单</title>
</head>
<body>
    <h1>用户注册</h1>
    <form action="1.html">
        用户名称：</label>
                 <input type="text" id="usename" name="usename" value="zhangsan" readonly/>
                 <br />
                 <input type="text" name="usename1" value="zhansgan" disabled />
                 <br />
        用户密码：<input type="password" name="password" required autofocus><br/>
        用户性别：<input type="radio" value="男" name="gender"> 男
                 <input type="radio" value="女" name="gender"> 女<br/>
        您的爱好：<input type="checkbox" value="football" name="fav" />足球
                 <input type="checkbox" value="篮球" name="fav" />篮球
                 <input type="checkbox" value="LOL" name="fav" />LOL
                 <input type="checkbox" value="韩剧" name="fav" />韩剧
                 <input type="checkbox" value="王者荣耀" name="fav" />王者荣耀<br/>
        邮箱：<input type="email" name="email" placeholder="请输入您的邮箱" /><br>
        用户头像：<input type="file" name="avatar" id="avatar" /><br>
        您的家庭住址是：<select name="address">
                       <option value="-1">请选择您的家庭地址</option>
                       <option value="郑州">郑州</option>
                       <option value="兰州" selected>兰州</option>
                       <option value="杭州">杭州</option>
                       <option value="苏州">苏州</option>
                       </select><br />
        您的建议或意见是：<br/>
                         <textarea name="comment" rows="10" cols="30"
                         placeholder="您的建议或者意见"></textarea>
                         <br />              
    </form>
</body>
</html>

table表格

要定义一个表格，需要使用 table 标签，定义一行，还需要使用 tr 子标签

该代码段包含的属性及子标签有：

width ：用于指定表格的宽度，单位是像素

border ：用于定义表格的边框，值的类型是数字，而是一个正数，值越大边框越粗

cellpadding ：用于定义单元格的内边距，即单元格中的内容也单元格的边之间的距离

cellspecing ：用于定义单元格的外边距，即单元格与单元格之间的距离

align ：用于定义表格的对齐方式

tr ：用于定义表格的一行

th ：用于定义一个单元格，它的特点是内容加粗且居中显示

td ：用于定义一个单元格

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>电子汇款单</title>
</head>
<body>
<header>
<h1>工商银行电子汇款单</h1>
</header>
<main>
  <table width="600" border="1" cellspacing="0" cellpadding="1">
   <tr>
     <th colspan="2" align="left">  回单类型</th>
     <!--<td</td>-->
     <td>网上转账汇款</td>
     <td colspan="2"><strong>指令序号</strong></td>
     <!--<td></td>-->
     <td>HQH00000000000000013878172</td>
   </tr>
    <tr>
      <th width="20" rowspan="4">收款人</th>
      <td>户名</td>
      <td>老姚</td>
      <th width="20" rowspan="4">付款人</th>
      <td>户名</td>
      <td>老刘</td>
    </tr>
    <tr>
      <td><strong>卡号</strong></td>
      <td>00000001</td>
      <td><strong>卡号</strong></td>
      <td>0000000002</td>
    </tr>
    <tr>
      <td>地区</td>
      <td>南京</td>
      <td>地区</td>
      <td>杭州</td>
    </tr>
    <tr>
      <td><strong>网点</strong></td>
      <td>工商江苏南京业务处理中心</td>
        <td><strong>网点</strong></td>
        <td>江苏徐州业务中心</td>
    </tr>
    <tr>
      <td colspan="2"><strong>币种</strong></td>
      <td>人民币</td>
      <td colspan="2"><strong>钞汇标志</strong></td>
      <td>钞票</td>
    </tr>
    <tr>
      <td colspan="2"><strong>金额</strong></td>
      <td>1.00元</td>
      <td colspan="2"><strong>手续费</strong></td>
      <td>0.57元</td>
    </tr>
    <tr>
      <td colspan="2"><strong>合计</strong></td>
      <td colspan="4">人民币（大写）：壹圆整</td>
    </tr>
    <tr>
      <td colspan="2"><strong>交易时间</strong></td>
      <td><i>2017年6月1日</i></td>
      <td colspan="2"><strong>时间戳</strong></td>
      <td><i>2017-06-01-13.00.00，</i></td>
    </tr>
  </table>
    </main>
   <footer>
       <p>票据打印时间：2017-06-01 15:00:12</p>
       <p><del>票据打印单位：江苏徐州业务中心</del></p>
       <p>操作员：大曾</p>
   </footer>
</body>
</html>

bjyx10050805szd_

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
1
评论
form表单及table表格

用于定义表格的边框，值的类型是数字，而是一个正数，值越大边框越粗。：用于定义单元格的内边距，即单元格中的内容也单元格的边之间的距离。：用于定义单元格的外边距，即单元格与单元格之间的距离。：用于定义一个单元格，它的特点是内容加粗且居中显示。标签是用于指定表单数据的提交方式和地址。table 标签，定义一行，还需要使用。：用于指定表格的宽度，单位是像素。：用于定义表格的对齐方式。要定义一个表格，需要使用。：用于定义表格的一行。：用于定义一个单元格。
复制链接

扫一扫