<html> <head></head> <body> <!-- 表单标签 : 收集其标签内部的数据, 提交给指定的服务器 action : 数据提交的地址(URL) method : 提交的方式(get/post) 表单的数据是以键值对的形式提交的, name属性的值为键, value属性的值为值 所要提交的表单数据, 表单域标签中必须拥有name属性值, 否则不会提交 --> <form action="#" method="get"> <!-- 表单域标签 : 给用户提供可以进行数据输入或选择的标签 --> <!-- 文本框 : 文本数据, 用户可见 --> <input type="text" name="" value="" /> <!-- 文本框(密码) : 文本数据, 用户不可见 --> <input type="password" name="" value="" /> <!-- 单选框 : name属性值相同的单选框只能选择一项数据, checked属性为默认选中 --> <input type="radio" name="" value="" checked="checked" /> <!-- 多选框 : 一个多选的组需要使用相同的name属性值, checked属性为默认选中 --> <input type="checkbox" name="" value="" checked="checked" /> <!-- 下拉框 select中的name属性值为提交数据时的键, option子标签的value值为提交数据时的值 子标签option中的selected属性为默认选中 --> <select name=""> <option value="" selected="selected"></option> <option value=""></option> </select> <!-- 文本域 : rows : 文本域的行数 cols : 文本域的列数 --> <textarea name="" rows="10" cols="20"></textarea> <!-- 普通按钮 : value属性为按钮上显示的内容 --> <input type="button" value="这是一个按钮" /> <!-- 隐藏域 : 页面上不显示 --> <input type="hidden" name="" value="" /> <!-- 提交按钮 : 将表单中用户写好的数据, 提交到action中所填写的服务器中 --> <input type="submit" value="这是提交按钮" /> </form> </body> </html>