El diseño de la página web se da cuenta de que el formulario de comentarios de información de lectura es adecuado para el acuerdo de entrada de Xiaobai

Inserte la descripción de la imagen aquí

<!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>

Publicado 8 artículos originales · ganó 7 · vistas 1341

Supongo que te gusta

Origin blog.csdn.net/weixin_45437892/article/details/105442518
Recomendado
Clasificación