html基础-from表单(5)

2018-06-24 01:27:17来源:未知 阅读 ()

新老客户大回馈,云服务器低至5折

一、form表单

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

   文本框:
      <form> 属性值:name=(名称)          size=(输入框中显示可见的字符也就是最多能看见几个字符)
        <input type="text" size="">     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>
                   

     </body>
</html>

效果

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

标签:

版权申明:本站文章部分自网络,如有侵权,请联系:west999com@outlook.com
特别注意:本站所有转载文章言论不代表本站观点,本站所提供的摄影照片,插画,设计作品,如需使用,请与原作者联系,版权归原作者所有

上一篇:css兼容性写法大全

下一篇:github上的项目发布成静态网页