html的表格和表单

表单中的按钮分类：
1.提交按钮 type="submit" 自动提交表单
2.重置按钮 type="reset"  自动清空表单中元素的值
3.普通按钮 type="button" 没有任何功能，如需 则在当前按钮的οnclick="编写javascript事件响应代码"
4.图片按钮[图片域] type="image" 自动提交表单
5.单选按钮 type="radio" checked="checked" 默认被选中
 问题：如何让一组单选按钮互斥[只能选一个]？
  让同组单选按钮的name属性的值相同

<input type="submit" name="Submit" value="提交" />

<input type="reset" name="Submit2" value="重置" />

<input type="button" name="Submit3" value="普通按钮"  οnclick="javascript:window.alert('不要点我')"/>

<input type="button" name="Submit4" value="打开新窗口" οnclick="javascript:window.open('aaa.html',null,
'height=200,width=400,status=yes,toolbar=no,menubar=no,location=no');" />

<input type="button" name="Submit5" value="关闭自己" οnclick="javascript:window.close()" />

<input type="image" name="imageField" src="images/30132146-2-1393J0[1].gif" οnclick="javascript:window.alert('你单击了图片按钮，也叫图片域')" />

表单中文本框的分类：
1.单行文本框<input type="text"
2.密码框 <input type="password"
  size="10"文本框的长度 maxlength="50"输入的最多字符数
3.多行文本框 <textarea name="txtName" rows="5"></textarea>
 

 

复选框：
<input type="checkbox" checked="checked"/>默认被选中

下拉列表：
 select 表示下拉列表
 option 表示下拉列表中的项
 value 表示每项提交的值
 selected="selected" 表示某项默认被选中
  <select name="select">
    <option value="中国">中国</option>
    <option value="美国">美国</option>
    <option value="英国">英国</option>
    <option value="德国" selected="selected">德国</option>
    <option value="法国">法国</option>
  </select>

 

使用表格对表单元素布局：
1.先插入表单
2.再插入表格
3.再往表格中，填充表单元素
   <input type="text"
   <input type="password"
   <textarea >
   
   <input type="submit" >
   <input type="reset">
   <input type="button"
   <input type="radio"
   <input type="image"

   <input type="checkbox"
 
   <select >