网页如何搜集用户信息?

网页上常见的论坛、用户注册,认证等都是搜集各种类型的用户信息。他们都用的是HTML表单,接下来我们就开始学习表单。

<form>元素定义HTML表单,其中包含了各种表单元素。表单元素指的是不同类型的input元素,复选框、单选按钮、提交按钮等。如下:

文本类:

  1. 文本框:<input type="text" />
  2. 密码框:<input type="password" />
  3. 文本域:<textarea></textarea>
  4. 隐藏域:<input type="hidden" />

按钮类:

  1. 普通按钮:<input type="button" value="按钮名字" />
  2. 提交按钮:<input type="submit" value="提交" />
  3. 重置按钮:<input type="reset" value="重置" />
  4. 图片按钮:<input type="image" />

选择类:

  1. 单选框:<input type="radio" name="danxuan" value="1" />选项
  2. 复选框:<input type="checkbox" value="1">选项
  3. 下拉选择框:<select ><option value="1">选项名</option></select>
  4. 上传文件:<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/>是换行。

练习题:根据上边学习的内容制作您的注册页面,如下图这样的简单页面。

posted @   前端人  阅读(465)  评论(0编辑  收藏  举报
编辑推荐:
· AI与.NET技术实操系列(二):开始使用ML.NET
· 记一次.NET内存居高不下排查解决与启示
· 探究高空视频全景AR技术的实现原理
· 理解Rust引用及其生命周期标识(上)
· 浏览器原生「磁吸」效果!Anchor Positioning 锚点定位神器解析
阅读排行:
· DeepSeek 开源周回顾「GitHub 热点速览」
· 物流快递公司核心技术能力-地址解析分单基础技术分享
· .NET 10首个预览版发布:重大改进与新特性概览!
· AI与.NET技术实操系列(二):开始使用ML.NET
· 单线程的Redis速度为什么快?
点击右上角即可分享
微信分享提示