10 . HTML表单 -- form标签 -- 与浏览者交互

10.1. HTML input 标签
10.1.1 HTML type 属性
10.1.2 HTML checked 属性
10.1.3 HTML disabled 属性
10.1.4 HTML readonly 属性
10.2. HTML textarea 标签
10.3. HTML select 标签
10.3.1 HTML option 标签
10.3.2 HTML optgroup 标签
10.4. HTML label 标签
10.5. HTML fieldset 标签
10.5.1 HTML legend 标签

网站怎样与用户进行交互? 答案:使用HTML表单(form).

表单是可以把浏览者输入的数据传送到服务器端的程序(比如ASP,PHP)的HTML元素,服务器端程序可以处理表单传过来的数据,从而进行一些动作.比如,bbs,blog的登陆系统,购物车系统等.

猴子提示: 表单元素的id与class属性的属性值是自定义的，比如id="div_close_tag"，div_close_tag这个值是自定义的，不是HTML里面的内容。

form标签

form 标签 -- 代表HTML表单
  • form标签是成对出现的,以<form>开始,以</form>结束
  • HTML表单视频教程
  • 引用网址:http://www.dreamdu.com/xhtml/tag_form/
  • 属性.
    • Common -- 一般属性
    • action -- 浏览者输入的数据被传送到的地方,比如一个PHP页面(dreamdu.php)
    • method -- 数据传送的方法
    • enctype -- 表示将数据发送到服务器时浏览器使用的编码类型

示例

<form id="dreamduform" method="post" action="dreamdu.php"> 
	<fieldset>
		<legend>用户名:</legend> 
		<label for="username">用户名:</label> 
		<input type="text" id="username" name="username" /> 
	</fieldset> 
	<fieldset>
		<legend>密码:</legend> 
		<label for="pass">密码:</label> 
		<input type="password" id="pass" name="pass" /> 
	</fieldset> 
</form>

HTML表单示例 -- 可以尝试编辑

延伸阅读

From "HTML表单 - form标签 -- 与浏览者交互 - HTML教程,XHTML教程"


  • 教程中有什么不懂的地方？发现教程的错误！对教程有什么建议！快快给我留言呀 给猴子留言，我会尽快解答你的问题:)