Web page design realizes reading information feedback form suitable for Xiaobai entry arrangement

Insert picture description here

<!DOCTYPE html >
<html  lang="en">
<head>
<head>
 <meta charset="UTF-8">
<title>读者信息反馈表设计</title>
<style type="text/css">
.f {
	font-weight: bold;
	font-size: 20px;
}
.f2 {
	font-size: 24px;
}
</style>
</head>

<body>
<center>
  </form>
  <table width="1129" border="2">
        <caption>
        <strong class="f"><span class="f2">读&nbsp;者&nbsp;信&nbsp;息&nbsp;反&nbsp;馈&nbsp;表</span></strong>
            <br />
        	<br />
          </caption>
        
        <tr>
          <th width="85" scope="col" bgcolor=silver  align="center" valign="middle">书&nbsp;&nbsp;名</th>
          <td colspan="3" align="center" valign="middle">
            <label>类别<input type="text" /></label>
          
            &nbsp;
              <label>丛书<input type="text" /> </label>
           &nbsp;     
             <label>科目<input type="text" /> </label>
           </td>
        </tr>
        <tr>
          <td rowspan="4" align="center" valign="middle" class="f">基本信息</td>
          <td width="214" align="center" valign="middle">姓名:</td>
          <td width="345" align="center" valign="middle"><input type="text" /></td>
          <td width="455" align="center" valign="middle"><label>身份:
            <input type="radio" checked="checked" name="sf"/>
            学生
            <input type="radio" name="sf" />
            教师
            <input type="radio" name="sf"/>
            其他 </label></td>
        </tr>
        <tr>
          <td align="center" valign="middle" >E-mail:</td>
          <td align="center" valign="middle"><input type="text" /></td>
          <td align="center" valign="middle">
          <label>电话:
            <input type="text" />
          </label></td>
        </tr>
        <tr>
          <td align="center" valign="middle">通信地址:</td>
          <td align="center" valign="middle"><input type="text" /></td>
          <td align="center" valign="middle"><label>第一次接触这本书是在哪一年:
            <select name="select">
              <option>2020</option>
              <option>2019</option>
              <option>2018</option>
              <option>2017</option>
              <option>2016</option>
              <option>2015</option>
              <option>2014</option>
              <option>2013</option>
              <option>2012</option>
            </select>
          </label></td>
        </tr>
        <tr>
          <td align="center" valign="middle">学校全称</td>
          <td align="center" valign="middle"><input type="text" /></td>
          <td>&nbsp;</td>
        </tr>
        <tr>
          <td rowspan="2" align="center" valign="middle" bgcolor=silver class="f">购书信息</td>
          <td align="center" valign="middle">购书原因</td>
          <td colspan="2" align="center" valign="middle"><input type="radio" checked="checked" name="gsyy"/>学校(单位)要求
            <input type="radio" name="gsyy" />兴趣爱好
            <input type="radio" name="gsyy"/>替代考试 </td>
        </tr>
        <tr>
          <td align="center" valign="middle">购买书本因素</td>
          <td colspan="2" align="center" valign="middle">
          <input type="checkbox"  checked="checked" />
            版权要求
            <input type="checkbox" />
            朋友推荐
            <input type="checkbox" />
            学校订购
            <input type="checkbox" />
            书店推荐
            <input type="checkbox" />
            书中彩页 </td>
        </tr>
        <tr>
          <td height="182" align="center" valign="middle" class="f">本书感受</td>
          <td colspan="3">
          本书有无不足或错误,如有,请列举出:
          <br />
        <textarea name="textarea" cols="100" rows="9" >
        </textarea>
          </td>
        </tr>
        <tr>
          <td height="74" colspan="4" bgcolor=silver> 是否会员:
            <label>用户名
              <input type="text" />
            </label>
            <label>密码
              <input type="password" />
            </label>
            (如果是,请填写用户名和密码,如果不是,请直接提交) 
            </td>
         </tr>
</table>
<br />
<br />
<input type="submit" value="&nbsp;提&nbsp;交&nbsp;信&nbsp;息&nbsp;"  onclick=alert("提交成功") />
&nbsp;
&nbsp;
<input type="reset" value="&nbsp;重&nbsp;置&nbsp;填&nbsp;写&nbsp;" />
</form>
</center>
</body>
</html>

Published 8 original articles · won 7 · views 1341

Guess you like

Origin blog.csdn.net/weixin_45437892/article/details/105442518