html开发之简单网页表格制作

<input>用于搜集用户信息,无结束语。
<type>input元素类型,
input 之type 属性，type属性值:

text（文本框），button（按钮），checkbox（复选框），file（文件），hidden（隐藏字段），

image（图像），password（密码框），radio（单选按钮），reset（重置按钮），submit（提交按钮）。

值描述
button 定义可点击按钮（多数情况下，用于通过 JavaScript 启动脚本）。
checkbox 定义复选框。
file 定义输入字段和 "浏览"按钮，供文件上传。
hidden 定义隐藏的输入字段。
image 定义图像形式的提交按钮。
password 定义密码字段。该字段中的字符被掩码。
radio 定义单选按钮。
reset 定义重置按钮。重置按钮会清除表单中的所有数据。
submit 定义提交按钮。提交按钮会把表单数据发送到服务器。
text 定义单行的输入字段，用户可在其中输入文本。默认宽度为 20 个字符。

<textarea>定义一个文本区域，结束语</textarea>.textarea属性:

属性值描述 4 5
autofocus true
false
在页面加载时，使这个 textarea 获得焦点。   5
cols number 规定文本区内可见的列数。 4 5
disabled true
false
当此文本区首次加载时禁用此文本区。 4 5
form true
false
定义该 textarea 所属的一个或多个表单。   5
inputmode inputmode 定义该 textarea 所期望的输入类型。   5
name name_of_textarea 为此文本区规定的一个名称。 4 5
readonly true
false
指示用户无法修改文本区内的内容。 4 5
required true
false
定义为了提交该表单，该 textarea 的值是否是必需的。   5
rows number 规定文本区内可见的行数。 4 5

例:

<em>一般为斜体，强调</em>

<strong>一般为粗体，强调</strong>

<cite>一般为斜体，用于引证、举例</cite>

<html>
	<head>
		<title>欢迎注册/登陆</title>
	</head>
<form name="form1" method="post" action="">
	<P>名  字：
	   <input  type="text" value="小神" size="20">
	</P>
</form>

<form name="form2" method="post" action="">
	<P>密  码：
  		<input value=“ 123456 ” type="password" size="22">
	</P>
</form>

<form name="form3" method="post" action="">
	<br>单选性别：
		 <input name="gen" type="radio" class="input" value="男" checked>
		 <img src="b.gif" width="23" height="21">男  
		 <input name="gen" type="radio" class="input" value="女" >
		 <img src="g.gif" width="23" height="21">女  
    <br>复选爱好：
		<label>
			<input type="checkbox" name=""value=""checked>
		</label>聊天  
		<label>
			<input type="checkbox" name="" value="">
		</label>电影  
		<label>
			<input type="checkbox" name="" value="">
		</label>游戏  
	<br>出生日期：
		<input name="byear" value="yyyy" size=4 maxlength=4 >年 
			<select name="bmon">
				<option value=" " selected>[选择月份] </option>
				<option value=0>一月</option>
				<option value=1>二月</option>
				<option value=2>三月</option>
				<option value=3>四月</option>
			</select>月 
			<input name="bday" value="dd" size=2 maxlength=2 >日 
			<div class="left">
			<span class="spanTxt">输入右图数字验证</span>：
			<span class="shortInputSpan"><input type="text" class="short_input" name="validatecode" id="validatecode"  maxlength="4"  onFocus="textshow(this,'请正确输入验证码');"/></span>
			<span class="h1">
			<img id="vcode" name="vcode"  alt="" src="help_alarm.jpg" height="28" width="63"  align="absmiddle"/><a href="javascript：changeimg();" class="code_style">看不清，换一张</a>
			</span>
			</div>
  </form>
  <form>
		<input type="checkbox" id="chkagreement"  name="chkagreement" checked="checked"/>
		接受<a href="小神幻化成形.html" target="_blank" >《XXX注册协议书》</a>
  </form>

  <form name="form7" method="post" action="">
		<textarea name="textarea" cols="35" rows="6">欢迎阅读本服务条款协议，本协议阐述之条款和条件适用于您使用XXX的各服务。
本服务协议为me,you,ta，
本服务协议具有合同效力。
me的权利和义务
		  </textarea>
  </form>
</html>

补充：web前端 , HTML/CSS  ,