HTML表单概述及标签

• 表单概述及标签

1.表单的用途

实现交互式网站的一个重要途径，可以实现网上登录、注册、发邮件、发帖子、交易、投票等功能。

简单地说就是：实现将数据提交给服务器的一个行为或动作。

2.表单的原理：

在静态网页设计中，表单其实没什么用，表单必须配合javascript或者动态网页设计中才能凸显出它的作用和意义

<form  action=” ”  method=” ”>  </form>

• 表单中输入标记及属性
  1. 文本框输入标记:<input  type=”text” name=” ” value=” ” placeholder=” ” maxlength=” ” required=” ”/>
  2. 密码框输入标记:<input  type=”password” name=” ” value=” ” placeholder=” ” maxlength=” ” required=” ”/>
  3. 提示文字属性: placeholder=” ”
  4. 文件域输入标记:<textarea name=”textarea” id=” ” cols=”列” rows=”行” wrap=”换行方式”></textarea>
  5. 日期输入标记：<input  type=”date”/>/>
  6. 单选框输入标记:<input  type=”radio” name=” ” value=” ” />
  7. 复选框输入标记:<input  type=”checkbox” name=” ” value=” ” />
  8. 默认选项属性:checked=”checked/true”
  9. 图片按钮输入标记:<input type=”image” src=””/>
  10. 普通按钮输入标记:<input type=”button”/>
  11. 提交按钮输入标记:<input type=”submit”/>
  12. 重置按钮输入标记:<input type=”reset”/>
  13. 设置按钮文字属性:value=“”
  14. 下拉菜单标签：<select>

<option value=””></option>

<option value=””></option>

<option value=””></option>

</select>