HTML --- 表单

目  录

1.表单的用途

2.表单的工作原理

3.表单中的各种标签

表单标签 form

输入标签 input

文本文框标签 textarea 

下拉框标签 select

按钮标签 button

4.表单实例


1.表单的用途

        表单在网页上用来 给访问者填写信息 的,从而获得用户信息,使用网页进行交互的功能。就像日常生活中统计信息的信息表一样。一般是将表单设计在一个html页面中,当用户填写信息后做提交操作,于是表单的内容就会从客户端的浏览器上发送给服务器,经过服务器上的jsp或者ASP或者Cgi等处理后,再将用户所需的信息传送给客户端的浏览器上,这样网页就具有交互性了。

2.表单的工作原理

  • 访问者填写表单,并提交给web服务器处理;
  • 在web服务器上的后台处理程序对提交后的数据进行处理;
  • 后台处理程序处理完成后,会重新生成一个新的html页面发给客户端。

3.表单中的各种标签

表单标签 form

        form  /form 标记是用来 创建一个表单 ,在标记之间一切都属于表单里的内容。<from>标记具有action,metnod,target属性。 action属性是处理程序的程序名称。method属性是用来定义处理程序的从表单中获取信息的方法,通常有两种分别是GET和POST两种。target属性用来制定目标窗口的。该标签属性的概括如下表:

属性

属性值 描述
action 接收数据的路径(#:默认当前) 规定当提交表单时,向何处发送表单数据。
method get / post 定义从表单中获取信息的方法
target _blank 在新的窗口打开页面
_self 在自身窗口打开

输入标签 input

        输入标签 input 是多数情况下被用到的表单标签。输入类型是由类型属性(type)定义的。该标签属性的概括如下表:

属性

属性值 描述
type text

当用户要在表单中键入字母、数字等内容时,就会用到文本域

radio

当用户从若干给定的的选择中选取其一时,就会用到单选框

checkbox

当用户需要从若干给定的选择中选取一个或若干选项时,就会用到复选框

data 当用户要在表单中键入日期时,就会用到日期框
number
  • 2
    点赞
  • 20
    收藏
    觉得还不错? 一键收藏
  • 打赏
    打赏
  • 2
    评论
好看的手机html-form表单应该是具有良好的美学设计,符合人类视觉习惯和用户体验设计原则的表单。其中,要素包括以下几个方面。 首先是整体布局和排版,尽量采用简洁明了的排版设计,避免过多繁琐细节和复杂的布局。市面上的好看的手机html-form表单都具有较宽的间距、明确的分组和分块设计,遵循内容呈现的递进式原则,为用户提供观感清晰和易读易懂的页面。 其次是色彩搭配和配色方案。好看的手机html-form表单应该尽可能减少花哨的色彩和图案,避免过多的干扰和视觉误导。同时,要选取符合用户群体和品牌特征的色域,例如蓝色和绿色多被用于提供信任和安全感,如银行、金融等领域经常采用这类色环,而橙色和红色则赋予表单鲜明、突出的属性。 再者,是字体和文字排版。好看的手机html-form表单应该选用用户易读的字体,例如Arial、微软雅黑等多被用于手机网页、内嵌框架和APP应用。同时要注意文字大小和行间距的搭配,避免文字过多或过小而显得拥挤和不专业。 最后,是交互设计和较好的响应式布局。好看的手机html-form表单应该兼顾不同分辨率的设备,尽量在PC、平板和移动端多角度测试,保证更好的用户体验和较短的响应时间。同时要适度增加视觉焦点和交互式效果,例如hover、点击、折叠等方式,在交互过程中引导用户填写,同时保证表单提交的流畅,提高数据管理、信息统计的效率。
评论 2
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

naoguaziteng

谢谢友友的打赏!一起努力吧

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付:¥1
获取中
扫码支付

您的余额不足,请更换扫码支付或充值

打赏作者

实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

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

余额充值