您的位置：首页 > Web前端 > HTML

HTML的表单应用

2016-01-08 11:26 525 查看
html>

       <head>

          <title>求职者</title>

          <meta http-equiv="Content-Type" content="text/html" charset="gb2312">

       </head>

       <body bgcolor="#FFBFFF">

       <P align="left"><font size="5">申请表</font>

       <hr color="#FF9F00"><!--hr表示划线-->

       <form action="http://www.sina.com.cn" method="post">

       <!--form表单的标签，其中有两个属性，action的值是指定表单选择好的数据提交的url,即地址，method的值是指定以哪种方法提交，，，其中一般是get，提交数据量比较小，一般是240-255个字符之内，信息显示地时url后面，post是一种加密提交方式，适合大量的数据提交-->

     <p>姓名：

         <input type="text" id="firstname"><!--input标签用于产生一个文本框-->

     </p>

     <p>感兴趣的职位：</p>

     <p>

     <input type=radio name="control1" value="0" checked>Web 设计人员

<!--其中input标签根据type的值不同分为text文本框、button按钮、radio单选、checkbox复选、submit提交、reset重置等-->

     <input type=radio name="control1" value="1" >Web 管理员

     <input type=radio name="control1" value="2">Web 开发人员

     <p>其他要求<BR>

        <textarea name="control3" cols="30" rows="5">包括薪水待遇、工作地点等。

        </textarea><!--textarea标签用于定义多行文本框-->

        <p>Email:

           <input type="text" name="textfield">

        <p><input name="control4" type=checkbox  checked>发送确认消息

        <BR>

         经验

          <select name="control2"><!--select用于定义下拉列表的标签，option是其中的选项-->

          <option>无经验</option>

          <option>1年</option>

          <option>3年</option>

          <option>5年</option>

        </select>

        <p>

                      <!--此处加了多个空格-->

        <input name="提交" type=submit value="确定" >

         

        <input name="重置" type=reset value="重置">

</form>

   

       </body>
</html>

内容来自用户分享和网络整理，不保证内容的准确性，如有侵权内容，可联系管理员处理 点击这里给我发消息
标签： 
相关文章推荐
新的分享
章节导航