表单中的按钮分类:
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 >