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

一、form表单

     表单提交:
     

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

   文本框:
        

                                       maxlength=(文本框中最多可输入多少个字符) text=(明文显示)

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

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

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

立即学习“前端免费学习笔记(深入)”;

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

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

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

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

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

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

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

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

     表单            

登录后复制                        

效果

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

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

以上就是html基础之from表单的实例教程的详细内容,更多请关注【创想鸟】其它相关文章!

版权声明:本文内容由互联网用户自发贡献,该文观点仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌抄袭侵权/违法违规的内容, 请发送邮件至253000106@qq.com举报,一经查实,本站将立刻删除。

发布者:PHP中文网,转转请注明出处:https://www.chuangxiangniao.com/p/3197154.html

(0)
上一篇 2025年4月1日 03:20:18
下一篇 2025年4月1日 03:20:27

AD推荐 黄金广告位招租... 更多推荐

相关推荐

  • HTML 视频的播放控件样式怎么修改

    无法直接通过css修改html视频的默认播放控件样式。1. 使用javascript创建自定义控件。2. 通过css美化这些控件。3. 考虑兼容性、用户体验和性能,使用库如video.js或plyr可简化过程。 要修改 HTML 视频的播放…

    2025年4月30日
    000
  • html、css容易被忽略的小知识点_html/css_WEB-ITnose

    都说前端容易,谁说的。前端上手快,越往后学习越困难。学习前端快一年了,依然发现一些小的知识点不会。这些经验性的东西不碰到永远学不会。 (1)title前面的logo。 就像这个编辑文章前面的logo。不知道大家知不知道这个图标是如何加载过来…

    编程技术 2025年4月4日
    100
  • html节点属性操作

    nbsp;html PUBLIC “-//W3C//DTD XHTML 1.0 Transitional//EN” “http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd”> …

    编程技术 2025年4月4日
    200
  • html教程:用tabIndex轻松实现网页导航

    最近,当我在一个网站上输入表格数据时,我填写了一栏,并点击[tab]键移到下一栏;当我抬头时,我惊奇的发现光标跳到页面下方的另一栏中。我用鼠标将光标移到正确的文本栏中,但不久[tab]键又再次出现问题。这一情形使我想了解一下页面设计,以及t…

    编程技术 2025年4月4日
    200
  • html教程:WEB标准从头开始_DOCTYPE声明

    在较早之前的网页上,我们经常可以看到如下的网页结构代码: 这是一个网页 …… 立即学习“前端免费学习笔记(深入)”; …… 立即学习“前端免费学习笔记(深入)”; 很显然的,这种结构的网页代码是不符合Web标准规范的,但是浏览器仍然可以很好…

    编程技术 2025年4月4日
    200
  • 一步步学习html—-第一课

    在讲授第一课的时候,首先要给大家表明的一个概念是:我们学习的是一门语言,而不是一个编译工具,所以我们要习惯在编写程序的时候忽略编译工具的概念,因为只有忽略了编译工具,才能真正意义上的明白一门语言的精髓在哪里,也才能真正掌握一门语言到底是怎么…

    编程技术 2025年4月4日
    200
  • 一步步学习html—-第三课

    经过前面两课的学习,不知道你们对于什么是html有没有了一定程度上的了解,今天的第三课算是第一阶段的一个总结,会加入一点新的内容,但是更多的是会做总结,好了,废话不说了,进入今天的课程吧!在前两课的基础上,这一课主要是加入了一个插入图片的问…

    编程技术 2025年4月4日
    200
  • 一步步学习html—-第四课

    这一课我们主要讲解一下链接的问题:这个也可以定义为超文本链接,标签则是这个标签的全称是anchor,中文意思是锚;例子:http://www.baidu.com”>click!在网页上就会出现一个链接,其文本表现形式就是正…

    编程技术 2025年4月4日
    200
  • HTML的分段与换行代码说明

    在网页的排版中,经常会对文本进行分段和换行的操作,这两种操作由 标签 和标签来实现。 1、 -段落标签 p是英文单词“paragraph”的首字母,用来定义网页中的一段文本, 一般是成对出现。 2、-换行标签 br是英文单词“break”的…

    编程技术 2025年4月4日
    200
  • HTML的标题设置代码

    在word文档中,标题往往都需要格外醒目,例如加粗字体较大等。同样地在html文档中也可以设置标题以同样的格式显示。 我们可以用html标题标签来设置标题,一共有6个标题标签,从 到 ,数字越小,级别越高,文字也相应越大。 下面通过实例介绍…

    编程技术 2025年4月4日
    200

发表回复

登录后才能评论