表单练习第二弹
---恢复内容开始---
<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/>
---恢复内容结束---