节点一复习-表单的创建和基本控件

来源：互联网发布：java微信接口开发编辑：程序博客网时间：2024/06/09 17:18

/*   *Copyright (c) 2017，烟台大学计算机学院   All rights reserved.   *文件名称：关于HTML的练习  *作    者：张晴晴   *完成日期：2017年11月25日   *版 本 号：v1.0  *   *问题描述：HTML5-JavaScript  *输入描述： 无  *程序输出： 无  */<!DOCTYPE HTML><html><head><meta http-equiv="Content-Type" content="text/html; charset=utf-8"><title>测试表单再次练习</title></head><body><table width="400" border="1">  <tr>    <td colspan="2">以下为必填项：</td>  </tr>  <tr>    <td width="30%"> </td>    <td width="70%"><input type="text" name="txt1"></td>  </tr>  <tr>    <td> </td>    <td> </td>  </tr>  <tr>    <td> </td>    <td> </td>  </tr>  <tr>    <td> </td>    <td> </td>  </tr>  <tr>    <td> </td>    <td> </td>  </tr>  <tr>    <td colspan="2">以下时可填项目</td>  </tr>  <tr>    <td>性别：</td>    <td><input type="radio" name="radio1" >男    <input type="radio" name="radio1">女</td>  </tr>  <tr>    <td>出生日期：</td>    <td><select>    <option>1996</option>    <option>1997</option>    <option>1998</option>    <option>1999</option>    </select>    <select>    <option>1</option>    <option>2</option>    <option>3</option>    <option>4</option>    </select>    <select>    <option>1</option>    <option>2</option>    <option>3</option>    <option>4</option>    </select></td>  </tr>  <tr>    <td>爱好</td>    <td>    <input type="checkbox" name="check1">旅游    <input type="checkbox" name="check1">文体    <input type="checkbox" name="check1">读书    <input type="checkbox" name="check1">其他    </td>  </tr>  <tr>    <td colspan="2" align="center"><input type="submit" value="同意以下协议，提交注册" ></td>  </tr>  <tr>    <td colspan="2"><textarea name="textarea1" cols="60" rows="10"></textarea></td>  </tr>  </table></body></html>

运行结果：

巩固知识：textarea的属性cols和rows是针对于文本域的高和宽，用百分号表示，选择合适的

阅读全文

0 0