<html>

<head>

<title>简单表单制作</title>

<body>

   <form action="http://www.baidu.com" method="get">

     用户名:<input type="text" name="txtname" /><br/>

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

             <input type="submit" value="提交到百度" style="background:green;color:white " />

             <input type="reset" value="清空"/> <br/>


             <fieldset>

             <legend>性别</legend><br/>

             <input type="radio" name="sex"/>男<br/>

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

             </fieldset>


             <fieldset>

             <legend>婚姻状况</legend><br/>

             <input type="radio" name="married" />已婚<br/>

             <input type="radio" name="married"/>未婚<br/>

             </fieldset>


    <select size="1">

             <optgroup label="前台客服">

                    <option>热线一组</option>

                    <option>热线二组</option>

                    <option>热线三组</option>

                    <option>热线四组组</option>

             <optgroup>

             <optgroup label="后勤部门">

                    <option>行政</option>

                    <option>人资</option>

                    <option>IT服务部</option>

             <optgroup>

             <optgroup label="售后">

                    <option>售后一组</option>

                    <option>售后二组</option>

                    <option>售后三组</option>

             <optgroup>

             <optgroup label="电话销售">

                    <option>电销一组</option>

                    <option>电销二组</option>

                    <option>电销三组</option>

             <optgroup>

    </select>

    <br/>

             <input type="file" />  上传照片<br/>

    <textarea cols="60" rows="15">

本网站所收集的部分公开资料来源于互联网,转载的目的在于传递更多信息及用于网络分享,并不代表本站赞同其观点和对其真实性负责,也不构成任何其他建议。本站部分作品是由网友自主投稿和发布、编辑整理上传,对此类作品本站仅提供交流平台,不为其版权负责。如果您发现网站上有侵犯您的知识产权的作品,请与我们取得联系,我们会及时修改或删除。

本网站所提供的信息,只供参考之用。本网站不保证信息的准确性、有效性、及时性和完整性。本网站及其雇员一概毋须以任何方式就任何信息传递或传送的失误、不准确或错误,对用户或任何其他人士负任何直接或间接责任。在法律允许的范围内,本网站在此声明,不承担用户或任何人士就使用或未能使用本网站所提供的信息或任何链接所引致的任何直接、间接、附带、从属、特殊、惩罚性或惩戒性的损害赔偿。 



    </textarea>

            

   </form>

</body>

</head>

</html>

注:1.为什么要使用表单:向服务器传输数据

    2.为什么要传输给服务器:记录数据

    style 设置字体颜色 backgoound 背景色 color 字体颜色

    action 表示要提交的目标服务器

    text   文本框

    name   设置此属性服务器才能得到要获取的具体对象

    password 密码框

    radio  单选按钮 name="sex"表示分类 

    legend 显示类别名

    fidldset 分组显示类别

    method 提交的方法 get 提交内容地址栏显示

    submit 提交(默认) value的值可设置按钮要显示的内容

    reset  重置(默认) value的值可设置按钮要显示的内容

    width  宽度

    height 长度