代码：

<!DOCTYPE html>

<html>

    <head>

        <meta charset="utf-8" />

        <title>表单</title>

    </head>

    <body bgcolor="deepskyblue">

        <form action="" method="post">

            <h2 align="center">申请表</h2>

            <hr size="2" />

            <p>姓名：<input type="text" /> </p>

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

            <p>

                <input type="radio" name="web" />web技术人员

                <input type="radio" name="web" />web管理员

                <input type="radio" name="web" />web开发人员

            </p>

            <p>其他要求：</p>

            <p>

                <textarea rows="3" cols="40"></textarea>

            </p>

            <p>

                <input type="checkbox" />发送确认信息

            </p>

            <p>

                经验：

                <select>

                    <option selected="selected">无经验</option>

                    <option>一年</option>

                    <option>两年</option>

                    <option>三年</option>

                </select>

            </p>

            <p>

                <input type="button" value="确定" />

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

            </p>

        </form>

    </body>

</html>

效果图：

HTML表单简单练习的更多相关文章

  1. java自动生成表单简单实例

    数据库表设置 tb_form(form表单) 字段 类型 约束 说明 Id Int 主键 主键 Formid Varchar2(20) 唯一 Form表单id的值 Action Varchar2(20 ...

  2. bookstrap form表单简单-smart-form

    代码: <form class="smart-form" id="smartForm"> <fieldset> <legend&g ...

  3. js表单简单验证（手机号邮箱）

    1 <%@ page language="java" contentType="text/html; charset=UTF-8" 2 pageEncod ...

  4. JSP 用户表单的简单实现

    <%@ page language="java" contentType="text/html; charset=utf-8" pageEncoding= ...

  5. 细说 Form (表单)

    细说 Form (表单) Form(表单)对于每个WEB开发人员来说,应该是再熟悉不过的东西了,可它却是页面与WEB服务器交互过程中最重要的信息来源. 虽然Asp.net WebForms框架为了帮助 ...

  6. form表单提交过程

    本文为转载文章! 今天,我将站在HTML和单纯的Asp.net框架的角度来解释它们的工作方式,因此,本文不演示WebForms服务器控件的相关内容. 简单的表单,简单的处理方式 好了,让我们进入今天的 ...

  7. c#_表单处理方式

    阅读目录 开始 简单的表单,简单的处理方式 表单提交,成功控件 多提交按钮的表单 上传文件的表单 MVC Controller中多个自定义类型的传入参数 F5刷新问题并不是WebForms的错 以Aj ...

  8. angular2 学习笔记 ( Form 表单 )

    refer : https://angular.cn/docs/ts/latest/guide/forms.html https://angular.cn/docs/ts/latest/cookboo ...

  9. 【转】细说 Form (表单)

    阅读目录 开始 简单的表单,简单的处理方式 表单提交,成功控件 多提交按钮的表单 上传文件的表单 MVC Controller中多个自定义类型的传入参数 F5刷新问题并不是WebForms的错 以Aj ...

随机推荐

  1. JAVA基础复习与总结<一>（2） 父类引用指向子类对象(向上转型、动态链接）

    先来看看下列代码 public class Animal { public static void main(String[] args){ Animal animal = new Cat(); // ...

  2. XVII Open Cup named after E.V. Pankratiev. Eastern GP, Division 1

    A. Count The Ones $ans=b-c+1$. #include <stdio.h> using namespace std ; int a , b , c ; void s ...

  3. 使用javascript和css模拟帧动画的几种方法浅析

    我们平时在开发前端页面的时候,经常会播放一段帧序列.这段帧序列就像gif图片那样,反复循环播放.那大家可能会说,直接用gif图片就好了,干嘛还去模拟呢?那是因为要做得更加灵活,我们要做到以下几点: 1 ...

  4. 如何根据checkbox的值进行勾选！例：我要勾选value等于scanbuy,terminal的复选框！

    微商城 随手购 自助购 <div class="controls" id="client"> <input id="mall&quo ...

  5. ng7 设置http proxy

    看文档 proxy.conf.json { "/api": { "target": "http://localhost:5000", &qu ...

  6. Jvm 中的 重排序、主存、原子操作

    一.重排序 好处:重排序可以提升性能,避免在一个耗时很长的指令在“执行”阶段呆很长时间,而导致后续的指令都卡在“执行”之前的阶段上. 坏处:重排序对多线程的影响 class ReorderExampl ...

  7. Python练手例子（2）

    7.将一个列表的数据复制到另一个列表中. 程序分析:使用列表[:]. #python3.7 #适用于简单列表(即列表中都是基本的元素) a1 = [1,2] b1 = a1[:] print(b1) ...

  8. Kali 2.0使用SSH进行远程登录

    注:此文为转载他人博客,不用做商业用途,如有侵权,请联系我删除 一.配置SSH参数 修改sshd_config文件,命令为: vi /etc/ssh/sshd_config 将#PasswordAut ...

  9. python 中的类

    1.1 类里面包括:类的属性.方法 OO的特征(Object Oriented) 封装:信息隐蔽技术 继承:继承是子类自动共享父类之间数据和方法的机制 >>> class MyCla ...

  10. Android多种样式的进度条

    原创 2016年04月26日 16:46:35 标签: android / clip / 进度条 / 8473 编辑 删除 ---- The mark of the immature man is t ...