当前位置:  首页  >  前端开发  >  HTML

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

一、form表单  表单提交:<formaction"提交地址"method"提交方法"><form>methad有两种提交方式get(不太安全)和post(安全)文本框:<form>属性值:name(名称) &

一、form表单

  表单提交:
    

methad有两种提交方式get(不太安全)和post(安全)

   文本框:
      

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

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

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

   复选: 属性值:checkbox=(复选)
      

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

   重置 属性值:reste=(重置)
      

   提交 属性值:submit=(提交)
      

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

   图像按钮 属性值;image=(图片按钮)
      


  文本域: 属性值:cols=(宽) rows=(高)
       rows=(高)


  下拉列表框:
      

代码(大家可能也发现只有下拉框不一样,剩下的只是type后面值不一样,但是我为啥还写单选框。当然他特殊了。看到name后边的值没有要做到多个单选框只能选中 一 个,他们几个复选框之间要做到name后面的值要一样,后面的值是随便起的。你一定也看到上面后边跟的属性了,你可以试试他们的效果,自己试试记忆深刻)


     
	表单
     
     

  	

效果

这html起始已经差不多了,以后如果想起来了,在补写,明天开始各种css样式让你的页面漂亮起来。

以上就是html基础之from表单的实例教程的详细内容,更多请关注 第一PHP社区 其它相关文章!

吐了个 "CAO" !
扫码关注 PHP1 官方微信号
PHP1.CN | 中国最专业的PHP中文社区 | PHP资讯 | PHP教程 | 数据库技术 | 服务器技术 | 前端开发技术 | PHP框架 | 开发工具 | PHP问答
Copyright © 1998 - 2020 PHP1.CN. All Rights Reserved PHP1.CN 第一PHP社区 版权所有