首页 > 技术文章 > HTML

Yjiaw 2022-03-01 22:04 原文

今天上完php后完成了三个界面制作:

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>简易求职表</title>
</head>
<body>
    <form action="login.jsp" method="post">
        <p>申请表</p>
  <p>用户名:<input type="hidden" name="text" value="叶佳旺"></p>
  <p>&nbsp;&nbsp;码:
        <input  name="pwd"  type="password" size="20" /></p>
        <p>照片:<br><input type="file"name="file"value=""/></p>
            <p>感兴趣的职位:<br><input type="radio" value=""checked="checked"/>&nbsp;&nbsp;Web设计&nbsp;&nbsp;<input type="radio"value=""/>&nbsp;&nbsp;Web开发</p>
            <p>向往的城市:<select name="bmon" >
                <option value=""selected>[请选择]</option>
                <option value=0>北京</option>
                <option value=1>上海</option>
                <option value=2>南京</option>
            </select></p>
          <p>协议:<br>
          <textarea name="content" cols="40" rows="8" readonly="readonly">
   求职信息必须真实、准确,本网站只负责向企业推荐。
</textarea><br /><br />
  <input name="agree" type="checkbox" /> 我认真阅读并接受以上协议
</p>
<p>经验:<select name="bmon" >
            <option value=""selected>[无经验]</option>
            <option value=0>有经验</option>
          </select></p>
  <p><input name="btn" type="submit" value="提交" disabled="disabled" />&nbsp;&nbsp;
        <input name="reset" type="reset" value="重填" /></p>
</form>

</body>
</html>
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>tabel用户注册</title>
</head>
<body>
    <div style="width:600px; height:300px;float: left">
    
    <form name="form1" method="post" action="">
        <p>&nbsp;&nbsp;字:
       <input  type="text" value="张三" size="20"></p>
       <p>&nbsp;&nbsp;码:
        <input  name="pwd"  type="password" size="20" /></p>
        <p>
            <FORM name="form3" method="post" action="">
<BR>性别:
  <INPUT name="gen" type="radio" class="input" value="男" checked>
  <IMG src="C:\Users\35458\Desktop\Sublime Text\Sublime Text\Male.gif" width="23" height="21">&nbsp; 
  <INPUT name="gen" type="radio" class="input" value="女" checked>
  <IMG src="C:\Users\35458\Desktop\Sublime Text\Sublime Text/Female.gif" width="23" height="21">&nbsp;
</FORM>
        </p>
        <FORM name="form4" method="post" action="">
            <br>爱好:
    <LABEL>
     <INPUT type="checkbox" name="cb2" value="talk"checked="checked">
    </LABEL>聊天&nbsp;&nbsp;
    <INPUT type="checkbox" name="cb2" value="yundong">
    </LABEL>yundong&nbsp;&nbsp;
</FORM>
        <p>出生日期:&nbsp;&nbsp;
        <INPUT name="byear" value="yyyy" size=4 maxlength=4 >
  &nbsp;<SELECT name="bmon">
    <OPTION value=" " selected>[选择月份] </OPTION>
    <OPTION value=0>一月</OPTION>
    <OPTION value=1>二月</OPTION>
    <OPTION value=1>三月</OPTION>
    <OPTION value=1>四月</OPTION>
    <OPTION value=1>五月</OPTION>
    <OPTION value=1>六月</OPTION>
    <OPTION value=1>七月</OPTION>
    <OPTION value=1>八月</OPTION>
    <OPTION value=1>九月</OPTION>
    <OPTION value=1>十月</OPTION>
    <OPTION value=1>十一月</OPTION>
    <OPTION value=1>十二月</OPTION>
  </SELECT>&nbsp;
  <INPUT name="bday" value="dd" size=2 maxlength=2 ></p>
  <br>
  <br>
  <br>
<p><input type="submit" name="btn" value="提交" />&nbsp;&nbsp;
        <input name="reset" type="reset" value="重填" /></p>
    </form>
  </div>
  <div style="width:900px; height:300px; float:right">
    <FORM name="form7" method="post" action="">
    <p><IMG src="C:\Users\35458\Desktop\Sublime Text\Sublime Text\read.gif" width="23" height="21">阅读XX网服务协议:<br></p>
<TEXTAREA name="textarea" cols="40" rows="6">欢迎阅读服务条款协议,本协议阐述之条款和条件适用于您使用 xx.com 网站的各种工具和服务。
本服务协议双方为xx与xx网用户,本服务协议具有合同效力。
xx的权利和义务
1. xx有义务在现有技术上维护整个网上交易平台的正常运行,并努力提升和改进技术,使用户网上交易活动的顺利。
2.对用户在注册使用xx网上交易平台中所遇到的与交易或注册有关的问题及反映的情况,xx应及时作出回复。
3.对于在xx网网上交易平台上的不
  </TEXTAREA>
</FORM>
</div>
</body>
</html>
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>数据表</title>
</head>
<body>
    <table width="50%">
<caption>数据表</caption>
  <thead style="background: #0FF">
    <tr>      <th>地区</th>    <th>1月</th>   <th>2月</th> <th>3月</th>  <th>小计(RMB)</th>    </tr>
  </thead>
  <tbody style=" background: #9CC">
    <tr>      <td>北京</td>      <td>10</td>   <td>10</td>    <td>50</td>   <td>70</td>            </tr>
    <tr>      <td>上海</td>      <td>20</td>    <td>30</td>    <td>70</td>   <td>120</td>                    </tr>
    <tr>      <td>天津</td>      <td>30</td>    <td>40</td>    <td>80</td>   <td>150</td>                    </tr>
  </tbody>
  <tfoot style="background: #FF0">
    <tr>      <td>总计(RMB)</td>      <td>60</td>  <td>80</td>
    <td>200</td>    <td>240</td>                </tr>
  </tfoot>
</table>

</body>
</html>

 

推荐阅读