HTML2.1表单标签及属性介绍

2018-9-5 释然 前端技术资源

如果您想订阅本博客内容,每天自动发到您的邮箱中, 请点这里

<!DOCTYPE html>

<html>

   <head>

       <meta charset="UTF-8">

       <title>表单标签及属性介绍</title>

   </head>

   <body>

   <!--form:表单标签,在html页面创建一个表单(浏览器上不显示),若要提交数据到服务器则负责收集数据的标签要放到form内 ;-->

       <!--action:(确定表单提交的路径);-->

       <!--method提交方式:get(默认值)有内容 ,post没有-->

       <form action="#" method="get">


           <!--input:输入域标签,获取用户输入信息;-->

           <!--type值不同收集方式不同:hidden(隐藏字段,数据会发送到服务器但浏览器不显示),text(文本框),password(密码框),radio(单选框),checkbox(复选框),

               file(文件上传组件),submit(提交按钮),button(普通按钮),reset(重置按钮);-->

           <!--name:元素名(表单数据需提交到服务器必提供name属性值),服务器通过属性值获取提交数据;-->

           <!--readonly:只读-->

           <!--value:设置input默认值。submit和reset为按键上显示数据-->

           <!--size:大小-->

           <!--maxlength:允许输入的最大长度-->

           隐藏字段:<input type="hidden" name="id" value=""/><br/>

           用户名:<input type="text" name="username" readonly="readonly" value="zhangsan" size="40px" maxlength="20"/><br/>

           密码:<input type="password" name="password"/><br/>

           确认密码:<input type="password" name="repassword"/><br/>

           性别:<input type="radio" name="sex" value="man"/>男

           <input type="radio" name="sex" value="woman"/>女<br/>

           爱好:<input type="checkbox" name="hobby" value="钓鱼"/>钓鱼

           <input type="checkbox" name="hobby" value="打电动"/>打电动

           <!--checked:单选或复选框默认勾选-->

           <input type="checkbox" name="hobby" value="画画" checked="checked"/>画画<br/>

           头像:<input type="file" /><br/>

           <!--select:下拉列表标签-->

           籍贯:<select name="province">

               <!--option:子标签,下拉列表中的一个选项-->

               <option>---请选择---</option>

               <!--value:发送得服务器的选项值-->

               <option value="北京">北京</option>

               <option value="上海">上海</option>

               <!--selected:勾选当前列表项-->

               <option value="广州" selected="selected">广州</option>

           </select><br/>

           自我介绍:

               <!--textarea:文本域-->

               <textarea>


               </textarea><br/>

           提交按钮:<input type="submit" value="注册"/><br/>

           普通按钮:<input type="button" value="普通按钮"><br/>

           重置按钮:<input type="reset"/>

       </form>

   </body>

</html>


蓝蓝设计www.lanlanwork.com )是一家专注而深入的界面设计公司,为期望卓越的国内外企业提供卓越的UI界面设计、BS界面设计 、 cs界面设计 、 ipad界面设计 、 包装设计 、 图标定制 、 用户体验 、交互设计、 网站建设 平面设计服务


标签: HTML2.1表单标签及属性介绍


Powered by emlog 京ICP备12006971号-1 sitemap