html表单的创建

html_form.htm

<html>
 <head>
  <title>www.mldnjava.cn</title>
 </head>
 <body>
 <form action="" method="post">        //action为表单要提交信息的路径
  编&nbsp;&nbsp;号:<input type="text" name="userid" value="No." size="2" maxlength="2"><br>  //size表示显示的长度,maxlength表示最多输入长度
  用户名:<input type="text" name="username" value="请输入用户名"><br>          //value表示是设置的默认值
  密&nbsp;&nbsp;码:<input type="password" name="userpass" value="请输入密码"><br>      //password表示输入的内容都是以密文的形式显示给用户的
  性&nbsp;&nbsp;别:<input type="radio" name="sex" value="男" checked>男         //radio表示单选框,后面加个checked表示男为默认值
   <input type="radio" name="sex" value="女"><br>
  部&nbsp;&nbsp;门:<select name="dept">    //select表示下拉框,其内容用<option>来设置
      <option value="技术部">技术部</option>
      <option value="销售部" SELECTED>销售部</option>  //后面加个selected表示销售部为默认值
      <option value="财务部">财务部</option>
     </select><br>    //<br>表示换行
  兴&nbsp;&nbsp;趣:<input type="checkbox" name="inst" value="唱歌">唱歌      //checkbox表示复选框,与单选按钮不一样,复选框内容可以同时多选
   <input type="checkbox" name="inst" value="游泳">游泳
   <input type="checkbox" name="inst" value="跳舞">跳舞
   <input type="checkbox" name="inst" value="编程" CHECKED>编程
   <input type="checkbox" name="inst" value="上网">上网<br>
  说&nbsp;&nbsp;明:<textarea name="note" cols="30" rows="3">北京魔乐科技软件学院:www.mldnjava.cn    //textarea大文本输入框,cols表示大文本显示的长度,rows表示大文本显示的宽度
   </textarea><br>
  <input type="submit" value="注册"><input type="reset" value="重置">  //submit提交按钮,当用户点击此按钮时,表单将会直接提交给由<form>元素的action属性所指定的页面;reset按钮,将表单内容恢复到默认显示
 </form>
 </body>
</html>

posted @ 2013-11-01 00:23  502ck  阅读(285)  评论(0编辑  收藏  举报