表单练习第二弹

Posted 小孩坏坏

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了表单练习第二弹相关的知识,希望对你有一定的参考价值。

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

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

 

 

 

 

 

 

 

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

以上是关于表单练习第二弹的主要内容,如果未能解决你的问题,请参考以下文章

分享几个实用的代码片段(第二弹)

『LeetCode』练习第二弹

第二天 第二弹 iframe内嵌框架 和from表单和input的运用

第二弹Python题库刷题---从基础到进阶

第二弹Python题库刷题---从基础到进阶

scratch 编程第二弹