首页  >  文章  >  web前端  >  html基础之from表单的实例教程

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

零下一度
零下一度原创
2017-06-24 13:09:371868浏览

一、form表单

     表单提交:
     9fd5a1e6f751dfcce7c53ba399db1e40f5a47148e367a6035fd7a2faa965022e  methad有两种提交方式get(不太安全)和post(安全)

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

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

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

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

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

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

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

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

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


  文本域:                                                        属性值:cols=(宽)  rows=(高)
         bf2897da9b0e84cdd20a5a961daa7eb8请输入文字40587128eee8df8f03d0b607fe983014             rows=(高)


  下拉列表框:
           221f08282418e2996498697df914ce4e                        selected=默认选中
               5a07473c87748fb1bf73f23d45547ab84afa15d3069109ac30911f04c56f3338
           18bb6ffaf0152bbe49cd8a3620346341

代码(大家可能也发现只有下拉框不一样,剩下的只是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>
                   

     </body>
</html>

效果

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

以上是html基础之from表单的实例教程的详细内容。更多信息请关注PHP中文网其他相关文章!

声明:
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系admin@php.cn