html_form.htm
<html>
<head>
<title>www.mldnjava.cn</title>
</head>
<body>
<form action="" method="post"> //action为表单要提交信息的路径
编 号:<input type="text" name="userid" value="No." size="2" maxlength="2"><br> //size表示显示的长度,maxlength表示最多输入长度
用户名:<input type="text" name="username" value="请输入用户名"><br> //value表示是设置的默认值
密 码:<input type="password" name="userpass" value="请输入密码"><br> //password表示输入的内容都是以密文的形式显示给用户的
性 别:<input type="radio" name="sex" value="男" checked>男 //radio表示单选框,后面加个checked表示男为默认值
<input type="radio" name="sex" value="女"><br>
部 门:<select name="dept"> //select表示下拉框,其内容用<option>来设置
<option value="技术部">技术部</option>
<option value="销售部" SELECTED>销售部</option> //后面加个selected表示销售部为默认值
<option value="财务部">财务部</option>
</select><br> //<br>表示换行
兴 趣:<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>
说 明:<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>