html的<form>表单的基本介绍及使用说明

可以让我们来制定一个表单,其中拥有很多属性:

name:是该表单的名称;

action:是跳转的路径,定义表单数据提交的地址;

method:是用来明确表单提交的方式,默认值是get,还有post、put等现在初学者就先了解(get、post)就行;

在表单元素中一般由三种是input、textarea、select标签构成,他们都需要放到form标签中才行

1.input

(1)input语法

 

 (2)type“元素类型”的取值:

(3)name"元素名称":用来定义元素名称,提交数据到后端;

(4)value:在框内所输入的值;

(5)input的属性:

元素名称作用效果
checked默认选择
readonly只读字段
disabled禁用 不可以点击
autofocus默认光标的位置
required不能为空白提交

代码演示:


用户名:
用户名:
密码框:
请选择你的性别:

选择您的爱好: 唱歌 跳舞 rap 打篮球


请填写自己的邮箱:

运行页面:


 

 2.textarea

(1)textarea语法:


 (2)textarea的属性:

属性作用
name文本域的名称
cols文本域的宽度(列)
rows文本域的高度(行)

代码演示:

运行页面:

 3.select

(1)select语法:


(2)select的属性:

属性作用
option表示下拉列表框
multiple用列表的形式显示
selected表示默认被选中

代码演示:

您的家庭住址是:

运行页面:

 以上三种标签是form表单的重要组成部分

下面为form表单的简单使用例子:



用户注册页面.2

用户注册

用户名称:

用户密码 :

用户性别:

爱好:足球篮球LOL韩剧王者荣耀

邮箱:

用户头像:

您的家庭住址是:

您的建议或者意见

运行页面:


本文来自互联网用户投稿,文章观点仅代表作者本人,不代表本站立场,不承担相关法律责任。如若转载,请注明出处。 如若内容造成侵权/违法违规/事实不符,请点击【内容举报】进行投诉反馈!

相关文章

立即
投稿

微信公众账号

微信扫一扫加关注

返回
顶部