首页 > 编程 > HTML > 正文

html基础之from表单的实例教程

2020-03-24 18:08:02
字体:
来源:转载
供稿:网友
一、form表单

表单提交:
form action= 提交地址 method= 提交方法 /form methad有两种提交方式get(不太安全)和post(安全)

文本框:
form 属性值:name=(名称) size=(输入框中显示可见的字符也就是最多能看见几个字符)
input type= text size= html' target='_blank'>value=(文本框中预设内容) align=(对齐方式【只对image有用】)
/form maxlength=(文本框中最多可输入多少个字符) text=(明文显示)

密码框: 属性值:password=(秘文显示)
input type= password

单选:
input type= radio name= 注意:单选只有两个名称一样的时候时候才会单选其中一个,否则没用。
属性值:checked= checked 默认(想让哪个默认加《checked》就会先选中哪个)

复选: 属性值:checkbox=(复选)
input type= checkbox name=

上传按钮: 属性值:file=(上传按钮)
input type= file

重置 属性值:reste=(重置)
input type= reste value= 重置

提交 属性值:submit=(提交)
input type= submit value= 提交

普通按钮(自定义按钮) 属性值: button=(普通按钮,自定义按钮)
input type= button value= 按钮

图像按钮 属性值;image=(图片按钮)
input type= image src= 图片路径


文本域: 属性值:cols=(宽) rows=(高)
textarea cols= 数字 rows= 数字 请输入文字 /textarea rows=(高)


下拉列表框:
select selected=默认选中
option /option
/select

代码(大家可能也发现只有下拉框不一样,剩下的只是type后面值不一样,但是我为啥还写单选框。当然他特殊了。看到name后边的值没有要做到多个单选框只能选中 一 个,他们几个复选框之间要做到name后面的值要一样,后面的值是随便起的。你一定也看到上面后边跟的属性了,你可以试试他们的效果,自己试试记忆深刻)
 html  head  title 表单 /title  /head  body  form  input type= text  input type= radio name= sex 男 input type= radio name= sex 女 select  option 下拉1 /option  option 下拉2 /option  option 下拉3 /option  option 下拉4 /option  /select  /form 
独孤九贱(5)_ThinkPHP5视频教程

ThinkPHP是国内最流行的中文PHP开发框架,也是您Web项目的最佳选择。《VeVb.com独孤九贱(5)-ThinkPHP5视频教程》课程以ThinkPHP5最新版本为例,从最基本的框架常识开始,将...

Peter-Zhu 2017-05-16 12:03:57


独孤九贱(4)_PHP视频教程

江湖传言:PHP是世界上最好的编程语言。真的是这样吗?这个梗究竟是从哪来的?学会本课程,你就会明白了。PHP 出品的PHP入门系统教学视频,完全从初学者的角度出发,绝不玩虚的,一切以实用、有用...

Peter-Zhu 2017-03-20 22:47:17


独孤九贱(1)_HTML5视频教程

《VeVb.com原创html5视频教程》课程特色:php 原创幽默段子系列课程,以恶搞,段子为主题风格的php视频教程!轻松的教学风格,简短的教学模式,让同学们在不知不觉中,学会了HTML知识。...

Peter-Zhu 2017-03-13 10:15:11


ThinkPHP5实战之[教学管理系统]

本套教程,以一个真实的学校教学管理系统为案例,手把手教会您如何在一张白纸上,从零开始,一步一步的用ThinkPHP5框架快速开发出一个商业项目。

Peter-Zhu 2017-07-24 16:48:56


PHP入门视频教程之一周学会PHP

所有计算机语言的学习都要从基础开始,《PHP入门视频教程之一周学会PHP》不仅是PHP的基础部分更主要的是PHP语言的核心技术,是学习PHP必须掌握的内容,任何PHP项目的实现都离不开这部分的内容,通...

html教程

郑重声明:本文版权归原作者所有,转载文章仅为传播更多信息之目的,如作者信息标记有误,请第一时间联系我们修改或删除,多谢。

发表评论 共有条评论
用户名: 密码:
验证码: 匿名发表