0410表单知识

  <a></a>标签内的其他标签用法,首先是锚点<a href="#">回到顶部</a>,位于有滚动条的页面最下端,点击直接回到页面最顶端。然后是<a href="#middle">回到中间</a>,前提是页面当中位置有个标签<a name="middle">中间</a>,这才可以点击后回到这个中间的a标签位置。

  标题标签“<h1>内容</h1>”一直到“<h6>内容</h6>”,标题标签内文字加粗而且自占一行h1标题字最大,h6标题字最小。

  段落标签<p>段落</p>,跟上下内容会自动换行。

  <span>内容</span>用于以后配合样式表加样式用,例如<span style="color: red;">内容</span>主要用于加样式。  

  <div>段落</div>以后跟CSS配合给网页做布局使用,主要也是用来加样式的。

  图片大小占网页的百分比<img src="图片位置" width="50%"/>。

  表格扩展知识

<table>

    <tr>

    <th>内容</th>    “←内容自动加粗居中效果”

    </tr>

  <thead>            “←本行表格自动放到表格最顶端”

    <td>内容</td>

    <td>内容</td>

  </thead>

  <tfoot>            “←本行表格自动放到表格最底端”

     <td width="10%">内容</td>    定义表格宽度百分比,其他列单元格都效仿

     <td width="90%">内容</td>

  </thead>
</table>

表单 <form method="get/post" action="http://链接位置" name="tj"></form>

        <input type="text" name="usname"/>用户名

        <input type="password" name="pwd"/>密码       “←密码不显示”

        <input id="sex1" type="radio" name="sex" value="0">男    “←用name区分两者,这样可以二选一”

<label for="sex1">男</label>                         “label加效果,点击男也可以选择”

        <input id="sex0" type="radio" name="sex" value="1" checked="checked">女 “checked表示的是默认选择”

           <label for="sex0">女</label>

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

  id属性值是唯一的不可重复,name属性值可以重复,class类

  method="get"此方法不安全,会把信息暴露在地址上  method方法,action要执行的动作,type方式方法,text文本,password密码,value传送给服务器的值

可以将表单内容放入表格内

<body>

<form method="get" action="链接地址" name="tj">

    <table border="1" width="45%" bgcolor="chartreuse">

        <tr>

       <th colspan="2" align="middle">用户注册:</th>

        </tr>

        <tr>

       <td align="right">用户名</td>

       <td width="70%"><input type="text" name="usname" placeholder="请输入用户名"/></td>

        </tr>     以此类推。

  下拉栏<select name="age">

       <option value="21">21</option>

       <option value="22">22</option>

       <option value="23" selected="selected">23</option>      “selected表示是默认选择”

       <option value="24">24</option>

       <option value="25">25</option>

        </select></td>

  多选框

  <td align="right">喜好:</td>

     <td> 

    <input id="a1" type="checkbox" name="xh" value="0" checked="checked"/>  “checked也可以默认选择”

        <label for="a1">运动</label>

    <input id="a2" type="checkbox" name="xh" value="1"/>

      <label for="a2">看书</label>

    <input id="a3" type="checkbox" name="xh" value="2"/>

      <label for="a3">绘画</label>

   </td>

  大量文本

  <tr>

     <td align="right">自我介绍:</td>

  <td>

     <textarea name="seleinfo"></textarea>    “textarea文本域”

  </td>  </tr>

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

时间: 2024-11-09 03:40:44

0410表单知识的相关文章

HTML基础 表单 知识汇总

表单: <form id="" name="" method="post/get" action="负责处理的服务端"> id不可重复,name可重复,get提交有长度限制,并且编码后的内容在地址栏可见, post提交没有长度限制,且编码后内容不可见. </form> 1.文本输入 文本框<input type="txt" name="" id="

第五节:表单标签的用法——value绑定和修饰符

1.表单标签的用法--value绑定和修饰符 value绑定的写法:v-bind:value 或者简写 :value 修饰符: lazy , Number , trim . 用法如:  v-model.lazy 2.使用表单的时候需要注意 v-bind:true-value和v-bind:false-value 的两个属性只是用在checkbox上 checkbox和radio需要设置初始值的时候,要在v-model绑定的值上直接设置,不要用html标签属性selected. 3.例子详解 <!

HTML表格表单综合——用户注册表

今天学习了表格和表单知识,我综合了他们添加了一些拓展知识做了一个用户注册表,以下面代码来整理表格和表单知识: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html xmlns="http://www.w3.org/1999/xhtml&quo

《JAVASCRIPT高级程序设计》表单基础知识和文本框脚本

在HTML中,表单是由<form>元素来表示,在javascript中,表单对应的是HTMLFormElement类型,它具有一些独有的属性和方法: 一.表单基础知识 1.取得表单的方式 var form = document.getElementById("form1");//取得页面中id=form1的元素 var form1 = document.forms[0];//取得页面中的第一个表单 var myform = document.forms["myFo

表格和表单的学习知识

刚开始接触java 学习基础知识表格和表单的做法,下面写今天所学知识 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html xmlns="http://www.w3.org/1999/xhtml"><head>&l

Javascript表单验证知识

Javascript表单编程: 一.表单元素的查找方式: 1.var oForm=document.getElementById("Form1"); 2.var oForm=document.forms[Form1]//通过name查找: 二.表单字段的共同特点: disabled:该属性用于指示一个表单控件是否可用: form属性:该属性返回包含字段的表单: blur():该方法导致表单字段失去焦点: focus():该方法导致表单字段获得焦点: blur事件:当表单字段失去焦点时,

正则表达式基础知识及常用表单验证正则(使用时查找为主,需多加基础方法的例子)

一.需要转义的特殊符号,也就是需要在前面添加\:!$ * + = | . ?  \  / [] {}  ^ () 二.正则表达式基本形式及方法:A:re =new RegExp(“a”,“i”);  //new出来的匹配方式B:   re=/a/i ;                            //直接量(更常用) pattern.exec(str)     //返回数组pattern.test(str)       //返回布尔值pattern.toSource(str)    

HTML表单基础知识

<form>元素定义HTML表单 action属性定义在提交表单时执行的动作 method属性规定在提交表单时所用的HTTP方法(GET或POST) Name属性:如果要正确地被提交,每个输入字段必须设置一个name属性 属性 描述 accept-charset 规定在被提交表单中使用的字符集(默认:页面字符集). action 规定向何处提交表单的地址(URL)(提交页面). autocomplete 规定浏览器应该自动完成表单(默认:开启). enctype 规定被提交数据的编码(默认:u

asp.net 表单提交安全知识

1.防止跨站点提交 传统mvc中,ValidateAntiForgeryToken特性用于防止跨站点数据提交,但是使用时必须配合前台view页面的Html.AntiForgeryToken()代码一起使用. 而在asp.net core中,taghelper表单特性已经将该特性包含在view中服务器特性代码asp-action 或者asp-route中了,详见TagHelper参考我的另一个博文http://www.cnblogs.com/xiatianoo/p/6323245.html 2.防