前台html基础标签2表单、超链接 css四种样式 7.7

一、html-表单部分

  1、按钮:

    <input type="button">

  2、文本框:
    <input type="text">

  3、密码:
    <input type="password">

  4、单选:
    <input type="radio" id="male" name="sex" checked="checked">

<label for="male">男</label>
    <input type="radio" id="female" name="sex">

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

  5、复选框:
    <input type="checkbox">红色<input type="checkbox">绿色

  6、下拉菜单:
    <select>
      <option>--请选择--</option>
      <option>唱歌</option>
      <option>跳舞</option>
    </select>  

    *如果要变成复选,加muiltiple即可。用户用Ctrl来实现多选。

    <select name="fruit" multiple="multiple">

    还可以用size属性来改变下拉框(Select)的大小

  7、上传控件:
    <input type="file">

  8、多行输入框:
    <textarea maxleng="限制字数" cols="宽度" rows="高度"></textarea>

  9、重置按钮:
    <input type="reset"> [只针对它所在的form表单有效果]

  10、提交按钮:
    <input type="submit"> [只针对它所在的form表单有效果]

  11、图片按钮:

    <input type="image">

  12、隐藏字段:

    <input type="hidden">

二、css样式部分

  1、css样式的三种常用写法:
    第一种 行内样式:直接在标签里,加<p style="color:red"></p>
    第二种 内嵌式:在head里面,加入<style> p{ color:red;} </style>
    第三种 链接式:在外部新建css文件写入样式,引入html:
      <link rel="stylesheet" type="text/css" href="相对路径.css">

三、链接部分

  1、空链接:<a href="JavaScript:;"></a>

  2、链接打开窗口:

    _blank      在新窗口打开
    _parent    在父级窗口打开
    _self        在当前窗口打开
    _top        返回信息显示在顶级浏览器窗口中

时间: 2024-11-08 22:43:25

前台html基础标签2表单、超链接 css四种样式 7.7的相关文章

bootstrap基础学习【表单含按钮】(二)

<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title>bootstrap基础学习[表单](二)</title> <link rel="stylesheet" href="css/bootstrap.min.css" /> </head> <body style="padd

web前端【第二篇】HTML基础二(表单、div)

一.表单 功能:表单用于向服务器传输数据,从而实现用户与Web服务器的交互 表单能够包含input系列标签,比如文本字段.复选框.单选框.提交按钮等等. 表单还可以包含textarea.select.fieldset和 label标签. 表单属性 action: 表单提交到哪.一般指向服务器端一个程序,程序接收到表单提交过来的数据(即表单元素值)作相应处理,比如https://www.sogou.com/web method: 表单的提交方式 post/get默认取值就是get 注意啦!!!!

Vue基础篇--7表单输入绑定input

Vue基础篇--7表单输入绑定input 1.基础语法 你可以用 v-model 指令在表单 . 及 `元素上创建双向数据绑定.它会根据控件类型自动选取正确的方法来更新元素.尽管有些神奇,但v-model` 本质上不过是语法糖.它负责监听用户的输入事件以更新数据,并对一些极端场景进行一些特殊处理. 注意: v-model 会忽略所有表单元素的 value.checked.selected 特性的初始值而总是将 Vue 实例的数据作为数据来源.你应该通过 JavaScript 在组件的 data

Struts2中UI标签之表单标签介绍

1.在Struts2中UI标签的表单标签分为两种:form标签本身和单个表单标签. 2.Struts2表单标签包括:form.textfield.password.radio.checkbox.checkboxlist.select.doubleselect.combobox.optiontransferselect.optgroup.updownselect.textarea.hidden.file.label.submit.token.head.datepicker.reset.richte

HTML &lt;fieldset&gt; 标签将表单内的相关元素分组

<fieldset> 标签将表单内容的一部分打包,生成一组相关表单的字段. 当一组表单元素放到 <fieldset> 标签内时,浏览器会以特殊方式来显示它们,它们可能有特殊的边界.3D 效果,或者甚至可创建一个子表单来处理这些元素. <fieldset> 标签没有必需的或唯一的属性. <legend> 标签为 fieldset 元素定义标题. HTML 4.01 与 HTML 5 之间的差异 HTML5 拥有如下属性:disabled.form.name,H

Struts2中UI标签之表单标签的一个例子

1.最近写了一篇文章,介绍了一下Struts2中UI标签的表单标签,文章地址为:http://blog.csdn.net/u012561176/article/details/44986183  因为缺少了个例子,大家看文字和表格也看不出什么效果来,所以今天来介绍一个例子,用Struts2中UI标签的表单标签实现一个个人信息的表单,但是有些表单标签没有演示出来,大家可以根据我介绍UI标签的表单标签来进行学习,这里只是给个例子. 2.首先新建一个Struts2项目,项目名为PersonMess

前端1-----块级标签(独占一行),排版标签(样式排版),其他标签,form表单(input的多种类型)

前端1-----块级标签(独占一行),排版标签(样式排版),其他标签,form表单(input的多种类型) 一丶HTML块级标签 排版标签 p 标签: 段落标签,会自动在段落上下加上空白来分开 p标签是一个文本标签,本身是一个块级标签不能再嵌套块标签 div 标签: 没有样式的标签 ,最常用 列表 ???????1.无序列表 常用 ??????2.有序列表 ??????3.标题列表 # 无序列表 circle:空心圆, disc:默认实心圆,square:实心方片 <ul type='circl

html表单提交的几种方法

原文地址:http://www.ijser.cn/?p=34 最普通最经常使用最一般的方法就是用submit type..看代码: <form name=”form” method=”post” action=”#"> <input type=”submit” name=”submit” value=”提交"> </form> 另外,另一种经常使用的方法是使用图片: <form name=”form” method=”post” action=

sharepoint 2013基于AD的Form表单登录(四)——开发自定义登录过程需要引用文件路径。

1.Microsoft.IdentityModel.dll 位置 %ProgramFiles%\ReferenceAssemblies\Windows Identity Foundation\v3.5 2.Microsoft.SharePoint.IdentityModel.dll位置 C:\Windows\Microsoft.NET\assembly\GAC_MSIL\Microsoft.SharePoint.IdentityModel\v4.0_15.0.0.0__71e9bce111e94