zoukankan      html  css  js  c++  java
  • html-----008

    <!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>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <title>无标题文档</title>
    </head>
    
    <body>
    <!---表单是一个包含表单元素的区域。
    表单元素是允许用户在表单中(比如:文本域、下拉列表、单选框、复选框等等)输入信息的元素。
    <form>
    ...
      input 元素
    ...
    </form>-->
    
    <br />
    <form>
    姓名:<input name="fristname" type="text" size="11" maxlength="12"/>
    <!--name名字,type文本框类型,size字符宽度,maxlength最多字符-->
    <br />
    <br />
    住址:
    <textarea name="lastname" cols="8" rows="3"></textarea>
    <!--文本域,最多三行,每一行字符宽度为8-->
    <br />
    <br />
    密码:<input name="miam" type="password" id="miam" size="6" maxlength="6" />
    <!--密码类型:字符宽度为6,最大宽度为6-->
    </form>
    
    </body>
    </html>
    form实例1

    <!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>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <title>无标题文档</title>
    </head>
    <body>
    <!--表单的动作属性(Action)和确认按钮
    当用户单击确认按钮时,表单的内容会被传送到另一个文件。表单的动作属性定义了目的文件的文件名。由动作属性定义的这个文件通常会对接收到的输入数据进行相关的处理。-->
    <form name="input" action="11.html" method="get">
    Username: 
    <input type="text" name="user" /><input type="submit" value="Submit" />
    </form>
    <br />
    <form>
    <select name="cars">
    <option value="volvo">Volvo</option>
    <option value="saab" selected="selected">Saab</option>
    <option value="fiat">Fiat</option>
    <option value="audi">Audi</option>
    </select>
    </form>
    <!--选中的selected-->
    <br />
    <form>
      <fieldset><!--定义域-->
        <legend>健康信息</legend><!--定义域的标题-->
        身高:<input type="text" />
        体重:<input type="text" />
      </fieldset>
    </form>
    <br />
    <select>
      <optgroup label="Swedish Cars"><!--<optgroup>    定义选项组-->
        <option value="volvo">Volvo</option><!--定义下拉列表中的选项-->
        <option value="saab">Saab</option>
      </optgroup>
      <optgroup label="German Cars">
        <option value="mercedes">Mercedes</option>
        <option value="audi">Audi</option>
      </optgroup>
    </select>
    <br />
    </form>
    <br />
    <textarea rows="10" cols="30"><!--定义文本域-->
    这是可输入英文10行,每行30个字符,超过之后就右边显示滚动条
    </textarea>
    <br /><br />
    <iframe src="http://www.cctv.com"><!--iframe 用于在网页内显示网页-->
    </iframe>
    </body>
    
    </html>
    form表单

  • 相关阅读:
    所有选择器
    display:block、display:inline与displayinline:block的概念和区别
    jQuery 选择器
    JS日历制作获取时间
    HTML DOM 事件
    访问HTML元素(节点)
    HTML常用标签
    flask+mysql的Docker 部署
    docker(三)
    flask如何部署
  • 原文地址:https://www.cnblogs.com/9999w/p/4379289.html
Copyright © 2011-2022 走看看