表单练习第二弹

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

 <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/>

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