码迷,mamicode.com
首页 > 其他好文 > 详细

表单练习第二弹

时间:2017-10-09 22:45:42      阅读:195      评论:0      收藏:0      [点我收藏+]

标签:新建   button   submit   自己   set   一个   背景图片   它的   文本   

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

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

技术分享

 

 

 

 

 

 

 

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

表单练习第二弹

标签:新建   button   submit   自己   set   一个   背景图片   它的   文本   

原文地址:http://www.cnblogs.com/xiaohaihuaihuai/p/7642922.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!