网页如何搜集用户信息?
网页上常见的论坛、用户注册,认证等都是搜集各种类型的用户信息。他们都用的是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/>是换行。
练习题:根据上边学习的内容制作您的注册页面,如下图这样的简单页面。
【推荐】国内首个AI IDE,深度理解中文开发场景,立即下载体验Trae
【推荐】编程新体验,更懂你的AI,立即体验豆包MarsCode编程助手
【推荐】抖音旗下AI助手豆包,你的智能百科全书,全免费不限次数
【推荐】轻量又高性能的 SSH 工具 IShell:AI 加持,快人一步
· AI与.NET技术实操系列(二):开始使用ML.NET
· 记一次.NET内存居高不下排查解决与启示
· 探究高空视频全景AR技术的实现原理
· 理解Rust引用及其生命周期标识(上)
· 浏览器原生「磁吸」效果!Anchor Positioning 锚点定位神器解析
· DeepSeek 开源周回顾「GitHub 热点速览」
· 物流快递公司核心技术能力-地址解析分单基础技术分享
· .NET 10首个预览版发布:重大改进与新特性概览!
· AI与.NET技术实操系列(二):开始使用ML.NET
· 单线程的Redis速度为什么快?