1、一个简单的表单

首先要有一个form标签，其他表单控件放到from标签中，第一个是label标签用来描述后面的文本框中需要输入什么内容，然后是一个input标签，type的值是text表示是一个文本框，然后也是一个input标签，type的值是submit，表示是一个提交按钮，当然想要真正的提交数据还需要一些额外的属性。

学生姓名

2、form标签不但包含所有的表单控件，还会告诉浏览器当你提交表单的时候要把表单数据发送到哪里，以及使用什么方式发送。

action属性指定表单数据要发送到哪个服务器脚本上，例如这里发送到login.php ，method属性指定服务器发送的方式，有post和get两种方式，在表单当中常用post。

3、for属性和id属性

label标签for属性的值应该和input标签中id属性的值一致，这样这两个表单控件就会被关联起来。如下，这里将label关联到input上。

学生姓名

for属性

当我们点击文本标签"学生姓名"时候，文本框会自动获取输入光标，等待用户输入数据。

4、input标签的type属性

type属性决定input标签显示成什么样子，type属性种类很多，如下：

5、文本区域

input文本框标签可以接受少量的单行文本，textarea标签可以接受用户输入的多行文本，如下，和input标签不同，textarea标签必须有开始标签和结束标签。

总结

文本区域

6、下拉列表

使用select标签和option标签创建下拉列表

男女

综合示例：

`学生信息`

姓名上传照片性别男女班级一班二班三班四班老师评语考试通过

html表单

每天进步一点点，跟着教头学开发。

a标签提交form表单_Web前端开发基础知识，HTML中表单元素的理解相关推荐

div中插入图片_Web前端开发基础知识，设置网页背景图，如何在网页中插入图片...
图片一.图片的表现形式当我们在制作页面的时候,通常会遇到图片的三种表现形式,如下: 1.内容图片内容图片是页面中真正的内容,没有内容图片,就无法完整的理解页面内容.如淘宝网上的商品展示图片,这些 ...
网站前端开发基础知识学什么？必备技能
网站前端开发基础知识学什么?Web前端开发网页制主要由HTML.CSS.JavaScript三大要素组成.随着企业需求变,前端开发技术的三要素也演变成现今的HTML5.CSS3.jQuery.响应式布 ...
前端开发基础知识汇总
一.HTML 1.前言与常用标签浏览器内核备注 IE Trident IE.猎豹安全.360极速浏览器.百度浏览器 firefox Gecko 可惜这几年已经没落了,打开速度慢.升级频繁.猪一样 ...
前端开发基础知识整理--web综合篇
该篇是web综合部分,主要包含了HTML(HTML5).http.页面优化及其他一些概念性的问题 doctype是什么?标准模式与兼容模式各有什么区别? <!doctype>声明必须处于H ...
web前端开发基础知识整理以及前端视频教程
随着移动互联网的发展和越来越多创业公司的加入,Web前端工程师的岗位空缺越来越大,薪资迅速上涨.Web前端工程师比以往更具有号召力. 想要自学成为炙手可热的Web前端工程师?靠零碎化的短视频可不行,你 ...
web前端开发基础知识_前端开发是什么？学前端开发需要学什么语言？你想成为程序员吗？...
Web前端是什么前端的本质就是通过一定的程序代码来实现用户界面的ui 交互.可以认为用户在终端所看到的和所操作的都属于前端,也就是说分为渲染页面和处理用户操作两块. 前端开发是创建Web页面或app ...
web前端开发基础知识_薪资30K+的web前端怎么做到的？
好的web前端年薪会有多少?首先,我们要知道怎么才能成为一个所认为的"好的web前端",其次,自己能值多少价值? 用户体验为王,是互联网时代的座右铭.人们在享受互联网带来的便捷的同 ...
谷粒商城-前端开发基础知识
目录 1.ES6 1.1.简介 1.2.let声明变量 1.4.解构表达式 1.5.字符串扩展 1.6.函数优化 1.7.对象优化 1.8.map和reduce 1.9.Promise 1.9.模块化 ...
【博学谷学习记录】超强总结,用心分享|前端开发基础知识总结(js一)
JavaScript 组成: ECMAScript:规定了js基础语法核心知识(变量,分支语句,循环语句,对象等) DOM:操作文档(页面元素移动,大小,添加删除等) BOM:操作浏览器(页面弹窗,检 ...
Web前端开发基础三剑客学习知识分享
Web前端开发基础知识学习路线分享,前端开发入门学习三大基础:HTML.CSS.JavaScript.除此之外还要学习数据可视化.Vue.React.Angular相关框架,熟练运用框架提升开发效率, ...

a标签提交form表单_Web前端开发基础知识，HTML中表单元素的理解