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

10.1. HTML表单视频教程
10.2. HTML input 标签
10.2.1 HTML表单的input标签第一课视频教程
10.2.2 HTML表单的input标签第二课视频教程
10.2.3 HTML type 属性
10.2.4 HTML checked 属性
10.2.5 HTML disabled 属性
10.2.6 HTML readonly 属性
10.3. HTML textarea 标签
10.3.1 HTML表单的textarea标签视频教程
10.4. HTML select 标签
10.4.1 HTML选择列表select视频教程
10.4.2 HTML option 标签
10.4.3 HTML optgroup 标签
10.4.4 HTML表单分组与label标签视频教程
10.5. HTML label 标签
10.6. HTML fieldset 标签
10.6.1 HTML legend 标签

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

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

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

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

form标签

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

示例

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

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



  • 教程中有什么不懂的地方?发现教程的错误!对教程有什么建议!快快联系猴子呀dreamdu@163.com,:)
赞助梦之都