前往小程序,Get更优阅读体验!
立即前往
首页
学习
活动
专区
工具
TVP
发布
社区首页 >专栏 >网页如何搜集用户信息?

网页如何搜集用户信息?

作者头像
呆呆
修改2021-11-25 10:47:02
1.1K0
修改2021-11-25 10:47:02
举报
文章被收录于专栏:centosDai

网页上常见的论坛、用户注册,认证等都是搜集各种类型的用户信息。他们都用的是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>

示例代码:

复制代码
复制代码
代码语言:javascript
复制
<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/>是换行。

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

本文系转载,前往查看

如有侵权,请联系 cloudcommunity@tencent.com 删除。

本文系转载前往查看

如有侵权,请联系 cloudcommunity@tencent.com 删除。

评论
登录后参与评论
0 条评论
热度
最新
推荐阅读
领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档