zoukankan      html  css  js  c++  java
  • 表单练习第二弹

    ---恢复内容开始---

     <body text="#33FF00" bgcolor="#33FF33" background="150358666450342800_a580xH.jpg">

    body里面加属性,字体颜色、背景色、背景图片。在body里面输入的属性是针对在body里面所有内容的属性。

    <form action="../10.9表单/www.baidu.html" method="post">

    form是表单,action是自己建立的带HTML后缀的,method分为post和get。当method的值是post时,提交的编码内容不显示没有长度限制、当method的值是get时,提交的编码内容会显示,但是有长度限制

    文本输入 必须有name  可以没有value,

    <input type="text" name="ni" value="e" />

    上面代码:这是文本框,,value的内容就是文本框里面的内容。

    <input type="password" name="ni" value="123" />

    上面代码:这是密码框,value显示的是,不是123.

    <input type="hidden" / name="ni" value="123">

    上面代码:这是隐藏域(在浏览器中不显示,但是提交的时候会继续提交)

    <textarea name="nihao">你好啊</textarea>

    上面代码:这是文本域,同样有value值,只是不同于input的value值,它的value值是写在两个双标记中间的,显示

    按钮

    <form name="实例" method="get" action="aa.html">
              <input type="button" name="普通"  value="百度一下"/>
          </form>

    上面代码,这是普通按钮,

    <form name="实例" method="get" action="aa.html">
              <input type="submit" name="tijiao"  value="提交"/>
          </form>

    这是提交按钮的代码,提交按钮是用来给后台提交输入内容进行后台处理的,点击后转到form中action的值中的网址。

     <form name="实例" method="get" action="aa.html">
              <input type="reset" name="chongzhi"  value="重置"/>
          </form>

    这是重置按钮的代码,重置按钮是用来重置输入内容的,

    <form name="实例" method="get" action="aa.html">
              <input type="image" src="新建文件夹 (2)/shouye/images/lx1.png" name="T"  value="图片"/>
          </form

    这是图片按钮,用图片来当做提交按钮。

     <form>
          <input type="radio" name="sex" value=""/><input type="radio" name="sex" value=""/></form>

    上面代码:单选按钮:name值一样,只能选择一个

     <form>
          <input type="radio" name="s" value=""/><input type="radio" name="sex" value=""/></form>

    name值不一样,能多选

    <form>
           <input type="checkbox" />项目一
           <input type="checkbox" />项目二
            <input type="checkbox" />项目三
           <input type="checkbox" />项目四
           <input type="checkbox" />项目五
          </form>

    上面代码,复选框

    <form>
           <input type="checkbox" checked="checked" />项目一
           <input type="checkbox" />项目二
            <input type="checkbox" />项目三
           <input type="checkbox" />项目四
           <input type="checkbox" />项目五
          </form>

    上面代码:单选按钮,复选框,默认选中为checked

    <form>
           <input type="file" />
          </form>

    上面代码:文件上传的代码

    <select size="1">
                    <option>哥哥</option>
                     <option selected="selected">姐姐</option>
                      <option>妹妹</option>
                       <option>弟弟</option>
                        <option>兄弟</option>
                    
                    </select>

    上面代码:下拉列表size=1,,可以选很多。

     <marquee direction="down">从上往下滚动</marquee>
          <marquee direction="up">从下往上滚动</marquee>
          <marquee direction="left">从右往左滚动</marquee>
          <marquee direction="right">从左往右滚动</marquee>

    上面代码:这是滚动标记<marquee></marquee>

     <mark>dsddsf</mark>

    上面代码:加强标记等于背景色<mark></mark>

    <marquee direction="down">从上往下滚动</marquee><hr />
          <marquee direction="up">从下往上滚动</marquee><hr />
          <marquee direction="left">从右往左滚动</marquee><hr />
          <marquee direction="right">从左往右滚动</marquee><hr />

    上面代码:分割线<hr/>

    ---恢复内容结束---

  • 相关阅读:
    SqlBulkCopy实现大容量数据快速插入数据库中
    防查询语句注入漏洞攻击
    wpf中数据绑定(Datacontext)的应用
    WPF中StackPanel的使用方法
    可空类型的使用《二》
    关于可空数据类型的介绍
    C# 之泛型详解
    C# 之String以及浅拷贝与深拷贝
    C# 小软件部分(二)
    MVC 之HTML辅助方法
  • 原文地址:https://www.cnblogs.com/xiaohaihuaihuai/p/7642922.html
Copyright © 2011-2022 走看看