html+css表单的认识与创建/学习笔记

一、认识表单

表单的概念:表单是网页中常见的形式,如登录页面,注册页面的信息填写框。

组成部分

1.一般由提示信息、表单控件、表单域组成。

2 表单域是表单的基本体现用于容纳表单控件和提示信息。

​3.表单控件一般由按钮、输入框、密码框等组成。

​4.提示信息用于说明表单控件的填写提示。

二、创建表单

表单的创建使用<form></form>双标签创建表单域。

具体用法

<form action="url地址" method="提交方式" name="表单名称">
  	<表单控件></表单控件>
</form>
1.表单控件极其常见属性:

表单控件是表单的核心部分,常见控件如下

<input><textarea></textarea><select></select>
表单输入控件(可定义多种表单项)定义多行文本框定义一个下拉列表(必须包含列表项)
2.action属性:

由于表单输入后的数据需要被后台的程序处理。action属性便用于指定接受并处理表单数据的服务器程序的url地址(可以填入邮箱地址)

3. method属性:

method属性用于设置表单数据的提交方式,取值get(默认取值)post

4.name属性:

指定表单的名称,用以区分同一页面的多个表单

具体用法

<body>
	<form action="ts@outlook.com" method="post" name="biaodan">
				<input type="text" name="账号表单">
				<input type="password" name="密码表单">
				<input type="submit" name="提交按钮">
	</form>  
	
 </body>

注意:dorm标签的属性并不会直接影响表单的显示效果,要想让一个表单有意义,就必须在form标签之间添加相对应的表单控件

//欢迎加我VX进群交流
vx账号:-Sep07
  • 1
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值