一丶html表单
1,表单用于获取不同的类型的用户输入
2,常见表单标签:
<from> 表单
<input> 输入域
<textarea> 文本域
<label> 控制标签
<fieldset> 定义域
<legend> 域的标题
<select> 选择列表
<optgroup> 选择项
<option> 下拉列表中的选项
<button> 按钮
3,常见的表单:
1)复选框checkbox
2)单选按钮radio 注意:单选中的所以选项的name必须一样,不一样可以同时选上,也就是相当于复选框
3)下拉列表selet和optin
4)文本域textara
5)创建按钮input中的button属性或者直接用button标签。
注意:
1,<button> 标签定义的是一个按钮。在 button 元素内部,可以放置文本或图像。这是与使用 input 元素创建的按钮的不同之处。
2,如果在 HTML 表单中使用 button 元素,不同的浏览器会提交不同的值。Internet Explorer 将提交 与 之间的文本,而其他浏览器将提交 value 属性的内容。请在 HTML 表单中使用 input 元素来创建按钮。
3,<input type=”button” /> 这就是一个按钮。如果你不写javascript 的话,按下去什么也不会发生。
4,<button> 这个按钮放在 form 中也会点击自动提交(相当于变成了submit)。它的缺点是不同的浏览器得到的 value 值不同;可能还有其他的浏览器兼容问题。<button>无法把自己当成Form的数据,所以,如果只是个单纯的按钮,触发一些画面动作,请使用<button/>。反之,会把画面的数据提交给Server的,一般用,当然<button>+JS也完全可以取代
5,还可以用其他标签,例如 a, img, span, div,然后用图片把它伪装成一个按钮。
6,
<!DOCTYPE html>
<html>
<head>
<title> 表单</title>
</head>
<body>
<form>
用户名
<input type="text">
<br/>
密码:
<input type="password">
<br/>
你喜欢的水果有?
<br/>
苹果<input type="checkbox">
西红柿<input type="checkbox">
香蕉<input type="checkbox">
<br/>
请您选择您的性别:
男<input type="radio"name=“id”>
女<input type="radio"name=“id”>
<br/>
你最喜欢的学校是?
<select>
<option>五邑大学</option>
<option>清华大学</option>
<option>北京大学</option>
</select>
<br/>
<input type="button" value="按钮1">
</form>
<textarea cols="50" rows="30">这里可以打字</textarea>
<br/>
<button>按钮2</button>
</body>
</html>
本来还想继续学下去的,结果搭配php环境费了我一个小时还没有搭配出来。。。。。。