网页如何搜集用户信息?
网页上常见的论坛、用户注册,认证等都是搜集各种类型的用户信息。他们都用的是HTML表单,接下来我们就开始学习表单。
<form>元素定义HTML表单,其中包含了各种表单元素。表单元素指的是不同类型的input元素,复选框、单选按钮、提交按钮等。如下:
文本类:
- 文本框:<input type="text" />
- 密码框:<input type="password" />
- 文本域:<textarea></textarea>
- 隐藏域:<input type="hidden" />
按钮类:
- 普通按钮:<input type="button" value="按钮名字" />
- 提交按钮:<input type="submit" value="提交" />
- 重置按钮:<input type="reset" value="重置" />
- 图片按钮:<input type="image" />
选择类:
- 单选框:<input type="radio" name="danxuan" value="1" />选项
- 复选框:<input type="checkbox" value="1">选项
- 下拉选择框:<select ><option value="1">选项名</option></select>
- 上传文件:<input type="file" />
标注类:
定义标记:<label>标记文字</label>
示例代码:
<form > <input type="text"><br/> <select name=""> <option value="1">第一项</option> <option value="2">第二项</option> </select><br/> <textarea ></textarea><br/> <input type="submit" value="提交按钮" /> </form>
到此,一个简单的表单就可以使用了,<br/>是换行。
练习题:根据上边学习的内容制作您的注册页面,如下图这样的简单页面。