表单标签<form></form>

input系列标签　

　　text 文本输入框

　　placeholder 默认的属性，输入时消失

　　password 密码输入框

　　radio 单选框

　　checkbox 多选框

　　submit 提交按钮

　　button 按钮(需要配合js使用.) button和submit的区别？

　　file 提交文件：form表单需要加上属性enctype="multipart/form-data"

select标签

textarea多行文本框

label标签

fieldset标签

  1. <!DOCTYPE html>
  2. <html lang="en">
  3. <head>
  4.     <meta charset="UTF-8">
  5.     <title>register</title>
  6. </head>
  7. <body>
  8.  
  9. <h2>注册页面</h2>
  10.  
  11. <form action="/index/" method="post">
  12.  
  13.     <p>
  14.         　　  <label for=“user”>用户：</label>   　　　　<!--label标签的作用，跟下面的“密码：”一样-->
  15.         <input type="text" name="user" value="egon">
  16.     </p>
  17.     <p>密码：<input type="password" name="pwd" value="123"></p>
  18.     <p>爱好：<input type="checkbox" name="hobby" value="bastball">篮球
  19.             <input type="checkbox" name="hobby" value="football" checked="checked">足球　　<!--checked="checked" 默认-->
  20.             <input type="checkbox" name="hobby" value="pingpang">乒乓球
  21.     </p>
  22.     <p>性别：
  23.         <input type="radio" name="sex" value="1" checked="checked">男
  24.         <input type="radio" name="sex" value="0">女
  25.     </p>
  26.     <p>
  27.         <select name="籍贯">
  28.             <option value="hebei" selected="selected">河北省</option>　　<!--selected="selected" 默认-->
  29.             <option value="hebei" >河南省</option>
  30.             <option value="hebei">湖南省</option>
  31.             <option value="hebei">湖北省</option>
  32.         </select>
  33.     </p>
  34.     <p>
  35.         <input type="reset">
  36.     </p>
  37.     <p>
  38.         <input type="button" value="按钮">
  39.     </p>
  40.     <p>
  41.         <input type="file">
  42.     </p>
  43.  
  44.     <fieldset>
  45.         <legend>登录吧</legend>
  46.         <input type="text">
  47.     </fieldset>
  48.  
  49.     <input type="submit" value="提交">
  50.  
  51. </form>
  52.  
  53. </body>
  54. </html>

web前端 html基础2的更多相关文章

  1. Web前端开发基础 第一天（Html和CSS）

    学习web前端开发基础技术需要掌握:HTML.CSS.JavaScript语言.下面我们就来了解下这三门技术都是用来实现什么的: 1. HTML是网页内容的载体.内容就是网页制作者放在页面上想要让用户 ...

  2. 网络统计学与web前端开发基础技术

    网络统计学与web前端开发基础技术 学习web前端开发基础技术(网页设计)需要了解:HTML.CSS.JavaScript三种语言.下面我们就来了解一下这三门技术在网页设计中的用途: HTML是网页内 ...

  3. Web前端-Ajax基础技术(下)

    Web前端-Ajax基础技术(下) 你要明白ajax是什么,怎么使用? ajax,web程序是将信息放入公共的服务器,让所有网络用户可以通过浏览器进行访问. 浏览器发送请求,获取服务器的数据: 地址栏 ...

  4. Web前端-Ajax基础技术(上)

    Web前端-Ajax基础技术(上) ajax是浏览器提供一套的api,用于向服务器发出请求,接受服务端返回的响应,通过javascript调用,实现通过代码控制请求与响应,实现网络编程. ajax发送 ...

  5. Web前端-JavaScript基础教程上

    Web前端-JavaScript基础教程 将放入菜单栏中,便于阅读! JavaScript是web前端开发的编程语言,大多数网站都使用到了JavaScript,所以我们要进行学习,JavaScript ...

  6. 现代前端技术解析：Web前端技术基础

    ​ 最近几年,越来越多的人投入到前端大军中:时至至今,前端工程师的数量仍然不能满足企业的发展需求:与此同时,互联网应用场景的复杂化提高了对前端工程师能力的要求,一部分初期前端工程师并不能胜任企业的工作 ...

  7. Web前端之基础知识

    学习web前端开发基础技术须要掌握:HTML.CSS.Javascript 1.HTML是网页内容的载体 内容就是网页制作者放在页面上想要让用户浏览的信息,能够包括文字.图片.视频等. 2.CSS样式 ...

  8. Web前端-JavaScript基础教程下

    Web前端-JavaScript基础教程下 <script>有6个属性: async对外部脚本有效,可以用来异步操作,下载东西,不妨碍其他操作. charset为src属性指定字符集. d ...

  9. web前端零基础入门学习！前端真不难！

    现在互联网发展迅速,前端也成了很重要的岗位之一,许多人都往前端靠拢,可又无能为力,不知所措,首先我们说为什么在编程里,大家都倾向于往前端靠呢?原因很简单,那就是,在程序员的世界里,前端开发是最最简单的 ...

  10. 最适合2018年自学的web前端零基础系统学习视频＋资料

    这份资料整理花了近7天,如果感觉有用,可以分享给更有需要的人. 在看接下的介绍前,我先说一下整理这份资料的初衷: 我的初衷是想帮助在这个行业发展的朋友和童鞋们,在论坛博客等地方少花些时间找资料,把有限 ...

随机推荐

  1. C++学习007-使用exit退出进程

    使用exit可以实现退出当前进程. 如下 在程序接收到一个字符后,就退出进程 编写环境 vs2015 int main() { int a = 10, b = 20; std::cout <&l ...

  2. Qt 飞机仪表显示

    使用Qt简单谢了一个飞机的一小部分仪表,还没有写完,目前只写了一个界面,不过思想应该是一样的. 效果图如下 其中主要由转速表,和下面的部分数字显示构成 转速表代码 .h文件 #ifndef CONTR ...

  3. [spring+tomcat]启动时报错：NoSuchMethodError: javax.servlet.http.HttpServletResponse.getStatus()I

    一般来讲问题的原因为tomcat版本较低, 建议升级到tomcat7x 以上版本

  4. laxcus的新功能:支持表跨数据库操作

    关系数据库的层次结构,是账号.数据库.表,一个账号下可以有多个数据库,每个数据库有多个表,但是不同数据库下的表是不能够互相操作的.例如:"select a.*, b.* from Title ...

  5. Docker 安装Neo4j

    拉取最新的neo4j镜像 docker pull neo4j 运行Neo4j 容器 docker run -it -d -p 7474:7474 -p 7687:7687 neo4j:latest 打 ...

  6. Pro Git - 笔记2

    Git Basics Getting a Git Repository Initializing a Repository in an Existing Directory For Linux: $ ...

  7. HDU 4587 TWO NODES（割点）（2013 ACM-ICPC南京赛区全国邀请赛）

    Description Suppose that G is an undirected graph, and the value of stab is defined as follows: Amon ...

  8. 【SSH】——梳理三大框架

    [前言] 去年软考,从System.out.println("Hello World!")开始,小编也算是进入java的世界了.转战java以后,虽然仍旧在学习.NET的知识,但越 ...

  9. Documentation & Markdown

    Documentation & Markdown markdown to document & document website generator https://github.co ...

  10. 基于oracle的sql(结构化查询语言)指令

    创建表空间 create tablespace 表空间名 datafile '存储路径(c:\a\a.dbf)' size 200m autoextend on next 10m maxsize un ...