• 技术文章 >web前端 >html教程

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

    零下一度零下一度2017-06-24 13:09:37原创814

    一、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样式让你的页面漂亮起来。

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

    声明:本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系admin@php.cn核实处理。
    专题推荐:-from html 表单 基础
    上一篇:widgets tree三种格式数据源的实例讲解 下一篇:html实现的动图之小猫笑脸
    PHP编程就业班

    相关文章推荐

    • 带你了解HTML5 SVG,看看怎么绘制自适应的菱形• html5中块状元素怎么转换为其他元素• html5中元素能拉伸宽度吗• HTML DIV+CSS_html/css_WEB-ITnose• Axure做注册模块的一些小操作_html/css_WEB-ITnose

    全部评论我要评论

  • 取消发布评论发送
  • 1/1

    PHP中文网