<html>

<head>

<title> 静态页面</title>

</head>

<body>

这是一个静态页面<br>

<!-- target: _blank -- 在新窗口中打开链接

_parent -- 在父窗体中打开链接

_self -- 在当前窗体打开链接,此为默认值

_top -- 在当前窗体打开链接，并替换当前的整个窗体(框架页) -->

<a href = "https://www.baidu.com" target = "_blank">这是一个链接</a>

<br>

<h1>表单</h1>

<!--action:表单要提交的目的地址 method：表单中数据的提交方式-->

<form action = "action.html" method = "GET">

<!--文本框-->

姓名：<input type = "text" name = "name"> <br>

<!--单选框，对于一组元素，要保证他们的name属性相同-->

性别：<input type = "radio" name = "sex" value = "male">男

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

学院：

<select name = "school">

<option value = "ht">航天学院</option>

<option value = "rw">软件与微电子学院</option>

</select>

<br>

<!--复选框，对于一组元素，要保证他们的name属性相同-->

爱好：

<input type = "checkbox" name = "hobby" value = "swimming">游泳

<input type = "checkbox" name = "hobby" value = "run">跑步

<input type = "checkbox" name = "hobby" value = "football">足球

<br>

密码：<input type = "password" name = "pswd"> <br>

<input type = "submit" value = "提交">

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

<!--空格-->

&nbsp
</form>

<!--表格:tr 元素定义表格行，th 元素定义表头，td 元素定义表格单元-->
<table border="1">
<tr>
<th>Month</th>
<th>Savings</th>
</tr>
<tr>
<td>January</td>
<td>$100</td>
</tr>
</table>

</body> 

</html>

html 表单初步学习的更多相关文章

  1. django book表单验证学习

    django提供了强大的表单验证功能form 个人认为是把html代码封装到form里面,就像封装models中的数据一样.而且带有强大的验证功能,不需要后台再去写一堆乱七八糟的验证 具体操作查看dj ...

  2. HTML表单部分学习笔记

    第一部分: <!-- action :指定处理提交表单的格式 method :指定提交表单的http方法 enctype:指明用来把表单提交给服务器时的互联网媒体形式 --> <fo ...

  3. 表单提交学习笔记（二）—使用jquery.validate.js进行表单验证

    一.官网下载地址:http://plugins.jquery.com/validate/ 二.用法 1.在页面上进行引用 <script src="~/scripts/jquery-1 ...

  4. js form 表单属性学习

    一.<form></form>标签      引用借鉴:http://www.cnblogs.com/fizx/p/6703370.html form标签的属性规定了当前网页上 ...

  5. React学习——通过模态框中的表单，学习父子组件之间传值

    import { Button, Modal, Form, Input, Radio } from 'antd'; const CollectionCreateForm = Form.create({ ...

  6. django 学习-12 Django表单 初步

    1.先创建项目和应用 django.admin.py    startproject   cs cd cs django.admin.py   startapp   blog 2.vim  setti ...

  7. php Socket表单提交学习一下

    <?php //发送请求指定的页面 $file = "1.php"; $filename = "gitignore.txt"; //文件名 $path = ...

  8. js7:表单的学习，Forms对象

    原文发布时间为:2008-11-09 -- 来源于本人的百度文章 [由搬家工具导入] dreamveawer中，选择插入——表单——然后后面的几个选项进行学习： 大体上这么些类型： <html& ...

  9. 表单提交学习笔记（三）—利用Request.Files上传图片并预览

    一.html页面如下 <div id="container"> <form id="myForm"> <p class=" ...

随机推荐

  1. C# - List操作 - 按照字母排序

    有Family的类如下: public class FamilyModel { public string Name { set; get; } } 创建List List<FamilyMode ...

  2. c++读取ccbi

    loader类文件: 需要定义CCB_STATIC_NEW_AUTORELEASE_OBJECT_METHOD(ButtonTestLayerLoader, loader); 这个宏定义是定义静态的l ...

  3. Makefile学习（一）变量

    鉴于之前有一些了解,还有自己的学习习惯,我一上来就看Makefile的变量这一章.主要脉络是根据GNU make中文手册. 第六章:Makefile中的变量 6使用变量 定义:变量是一个名字,代表一个 ...

  4. QtWebkit2.2.0 HTML5.0支持情况

      Canvas: 支持element, 2d context以及文本 解析规则:支持 HTML5 tokenizer/tree building,  SVG in text/html, MathML ...

  5. Android 实时文件夹

    实时文件夹是一种用来显示由某个ContentProvider提供的数据信息的桌面组件.要创建一个实时文件夹,必须要有两个方面的支持. 1,要定义一个用来创建实时文件夹的Activity. 2,所指定数 ...

  6. 巧记--Css选择器

    love  ------>   hate 即: a:link   -->  a:visited  -->  a:hover   -->  a:active a:link     ...

  7. NFinal 视图—模板

    创建模板 1.新建Header.ascx用户控件,此控件就是模板,修改内容如下: <%@ Control Language="C#" AutoEventWireup=&quo ...

  8. SDK文件夹下内容介绍

    Platform-Tools: 这是 adb, fastboot 等工具包.把解压出来的 platform-tools 文件夹放在 android sdk 根目录下,并把 adb所在的目录添加到系统 ...

  9. 《第一行代码》学习笔记16－碎片Fragment（1）

    1.碎片( Fragment):一种可以嵌入在活动当中的UI片段,能让程序更加合理和充分地利用大屏幕的空间,在平板上的应用广泛. 2.碎片同样包括布局,有自己的生命周期,甚至可理解成一个迷你型的活动. ...

  10. AngularJs练习Demo10 ngInclude

    @{ Layout = null; } <!DOCTYPE html> <html> <head> <meta name="viewport&quo ...