博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
JavaWeb学习——简单学习HTML5(二)
阅读量:3941 次
发布时间:2019-05-24

本文共 791 字,大约阅读时间需要 2 分钟。

JavaWeb学习——简单学习HTML5(二)

今天,我们来学习HTML中的表单< form >。表单,是用来搜集不同类型的用户输入。HTML表单元素指的是不同类型的 input 元素、复选框、单选按钮、提交按钮等等。

表单基本语法:

下面,我们就来注意学习表单元素:

①文本框

效果展示:

在这里插入图片描述

②密码框

效果展示:

在这里插入图片描述

③单选框

性别 人妖

效果展示:

在这里插入图片描述

④多选框

爱好 看电影 听歌 压马路 敲代码

效果展示:

在这里插入图片描述

⑤下拉框

效果展示:

在这里插入图片描述

⑥按钮

效果展示:

在这里插入图片描述

⑦文件(选择文件)

效果展示:

在这里插入图片描述

⑧文本域

效果展示:

在这里插入图片描述

⑨搜索框

请输入你要搜索的关键词 :

效果展示:

在这里插入图片描述

⑩滑块

滑块 :

效果显示:

在这里插入图片描述

⑪邮箱

邮箱 :

效果显示:

在这里插入图片描述

⑫url

url :

在这里插入代码片

效果展示:

在这里插入图片描述

⑬数字

数字 :

效果展示

在这里插入图片描述

⑭提交与重填按钮

效果展示:

在这里插入图片描述

两个常用属性:只读和禁用

效果展示:

在这里插入图片描述

转载地址:http://jaiwi.baihongyu.com/

你可能感兴趣的文章
ubuntu 常用命令
查看>>
SQLite Tutorial 4 : How to export SQLite file into CSV or Excel file
查看>>
Optimizate objective function in matrix
查看>>
Convert polygon faces to triangles or quadrangles
查看>>
read obj in matlab
查看>>
find out the neighbour matrix of a mesh
查看>>
Operators and special characters in matlab
查看>>
As-Conformal-As-Possible Surface Registration
查看>>
qmake Variable Reference
查看>>
Lesson 2 Gradient Desent
查看>>
find border vertex
查看>>
matlab sliced variable
查看>>
create symbolic array
查看>>
TAUCS库的编译(vs2010)
查看>>
color vector using in plotting example points and lines between corresponding vertices
查看>>
mex 里面调用matlab函数
查看>>
matlab中cuda编程中分配grid和block dimension的时候的注意事项
查看>>
GPU CUDA and MEX Programming
查看>>
arrayfun用法
查看>>
矩阵积分
查看>>