zoukankan      html  css  js  c++  java
  • 区块、布局、表单、

    一、

        1.html元素分为块级元素(通常以新行开始)和内联元素(通常不以新行开始)。

        2.<div>定义文档区域,块级元素。

        3.<span>组合文档的行内元素,内联元素

    二、

        1.可以使用<div>、<table>元素创建多列(不建议使用table标签设计布局,表格不是布局工具)。

        2.页面布局,可以使用CSS;还可以找免费的网站模板,优化它们。

    三、

        1.<form></form>标签定义表单。

        2.<input>标签定义输入表单。

        3.type属性定义属新类型。

        4.文本域(Text Fields)通过<input type="text">标签设定。

          【 示例:<form>
                      First name: <input type="text" name="firstname"><br>
                      Last name: <input type="text" name="lastname">
                      </form>】

        5.密码字段通过<input type="password">来定义。

           【示例:<form>
                      Password: <input type="password" name="pwd">
                      </form>】

        6.单选按钮(Radio Buttons)通过<input typef="radio">标签定义表单单选框选项。

          【示例:<form>
                        <input type="radio" name="sex" value="male">Male<br>
                        <input type="radio" name="sex" value="female">Female
                        </form>】

       7.复选框(CHeckboxes)通过<input typef="checkbox">来定义。

         【示例:<form>
                       <input type="checkbox" name="vehicle" value="Bike">I have a bike<br>
                       <input type="checkbox" name="vehicle" value="Car">I have a car
                       </form>】

       8.提交按钮(Submit Button)通过<input typef="submit">来定义,同时可定义目的文件的文件名。(输入数据内容会传送至指定地方(action))

        【示例:<form name="input" action="html_form_action.php" method="get">
                      Username: <input type="text" name="user">
                      <input type="submit" value="Submit">
                      </form>】

       9.!!!

          value属性定义input元素的值,提交数据到服务器。

       10.重置按钮通过<input type="rest">来定义。

          【示例:<input type="reset" name="button" id="button" value="重置">】

    PS:这应该是20号的笔记,由于一部分没完成,今天才发布。

  • 相关阅读:
    一个简单的knockout.js 和easyui的绑定
    knockoutjs + easyui.treegrid 可编辑的自定义绑定插件
    Knockout自定义绑定my97datepicker
    去除小数后多余的0
    Windows Azure Web Site (15) 取消Azure Web Site默认的IIS ARR
    Azure ARM (1) UI初探
    Azure Redis Cache (3) 创建和使用P级别的Redis Cache
    Windows Azure HandBook (7) 基于Azure Web App的企业官网改造
    Windows Azure Storage (23) 计算Azure VHD实际使用容量
    Windows Azure Virtual Network (11) 创建VNet-to-VNet的连接
  • 原文地址:https://www.cnblogs.com/masker99/p/10743059.html
Copyright © 2011-2022 走看看