专栏首页算法与编程之美HTML|制作注册个人信息填写表

HTML|制作注册个人信息填写表

问题描述

什么是html表单?

如何在html网页制作实现选择框或是下拉菜单?

如何实现html布局?

在我们的日常工作和学习中,我们经常会需要使用某些网站的功能,这时就会面临需要注册该网站的账号。而在注册的时候,会让我们填写一个个人信息表,这样的一个网页就可以用html的表格、表单、布局等来完成制作。

解决方案

html布局

网页布局对改善网页的外观十分重要,在布局时,<div>元素常用作布局工具,因为能够轻松地通过CSS对其定位。

图3.1 div元素使用示例

html表单

html表单用于搜集不同类型的用户数据。通常是在我们填写登录注册、问卷调查、账户信息时需要填写的单子。表单使用<form>标签来设置,输入标签<input>来输入元素,输入类型由类型属性(type)来定义。同时,以下示例展示了<select>标签来定义下拉选项列表及<option>定义下拉列表中的选项;以<button>标签定义了一个点击按钮(“注册”)。

图3.2.1 <input>标签示例

图3.2.2 <option>标签示例

结语

在使用html进行一个注册表的编写时,要注意表单的标签使用,<input>标签是最重要和基本的标签,定义类型必须包含在<input>标签之内。由于示例是在表格中进行的表单编写,格外注意表格中行列的标签<td><tr>。html布局时,可以加入颜色值。

实习编辑 | 王楠岚

责 编 | 吴怡辰

where2go 团队


温馨提示:点击页面右下角“写留言”发表评论,期待您的参与!期待您的转发!

本文分享自微信公众号 - 算法与编程之美(algo_coding),作者:吴怡辰

原文出处及转载信息见文内详细说明,如有侵权,请联系 yunjia_community@tencent.com 删除。

原始发表时间:2020-02-17

本文参与腾讯云自媒体分享计划,欢迎正在阅读的你也加入,一起分享。

我来说两句

0 条评论
登录 后参与评论

相关文章

  • HTML|前端网页的设计基础知识

    html指的是超文本标记语言,是用来描述网页的一种语言。且其并未为一种编程语言,而是一种标记语言(一套标记标签),以此为基础来描述网页。

    算法与编程之美
  • HTML|制作表单、布局

    在我们的日常工作和学习中,我们经常会需要使用某些网站的功能,这时就会面临需要注册该网站的账号。而在注册的时候,会让我们填写一个个人信息表,这样的一个网页就可以用...

    算法与编程之美
  • Python|爬取短视频

    python是一种非常好用的爬虫工具。对于大多数的爬虫小白来说,python是更加简洁,高效的代码。今天就用实际案例讲解如何爬取动态的网站视频。

    算法与编程之美
  • GNE 预处理技术——如何移除特定标签但是保留文字到父标签

    在开发新闻网页正文通用抽取器 GNE的过程中,需要对目标网页的源代码进行一些预处理,从而提高正文抓取的准确性。其中之一就是把 <p>标签内部的 <span>标签...

    青南
  • 「知识」HTML语义元素含义与SEO详细讲解

    黄伟SEO
  • 超好用的自信学习:1行代码查找标签错误,3行代码学习噪声标签

    在大量的数据集中去描述或查找标签错误本身就是挑战性超高的任务,多少英雄豪杰为之头痛不已。

    昱良
  • 超好用的自信学习:1行代码查找标签错误,3行代码学习噪声标签

    在大量的数据集中去描述或查找标签错误本身就是挑战性超高的任务,多少英雄豪杰为之头痛不已。

    量子位
  • 超好用的自信学习:1行代码查找标签错误,3行代码学习噪声标签

    在大量的数据集中去描述或查找标签错误本身就是挑战性超高的任务,多少英雄豪杰为之头痛不已。

    代码医生工作室
  • 前端开发基础教程-HTML教程和CSS教程

    html是超文本标签语言,又可以说是超文本标记语言,是基本功。html发展历史跳过。

    达达前端
  • 重学基础和原理 1 - 如何理解 HTML 语义化

    做业务开发时间久了,很多基础的知识慢慢被遗忘,但往往这些基础和原理性的知识才是最重要的,丢不得。

    zz_jesse

扫码关注云+社区

领取腾讯云代金券