学习web的第二天

一丶html表单
1,表单用于获取不同的类型的用户输入
2,常见表单标签:
<from> 表单
<input> 输入域
<textarea> 文本域
<label> 控制标签
<fieldset> 定义域
<legend> 域的标题
<select> 选择列表
<optgroup> 选择项
<option> 下拉列表中的选项
<button> 按钮
3,常见的表单:
1)复选框checkbox
2)单选按钮radio 注意:单选中的所以选项的name必须一样,不一样可以同时选上,也就是相当于复选框
3)下拉列表selet和optin
4)文本域textara
5)创建按钮input中的button属性或者直接用button标签。
注意:
1,<button> 标签定义的是一个按钮。在 button 元素内部,可以放置文本或图像。这是与使用 input 元素创建的按钮的不同之处。
2,如果在 HTML 表单中使用 button 元素,不同的浏览器会提交不同的值。Internet Explorer 将提交 与 之间的文本,而其他浏览器将提交 value 属性的内容。请在 HTML 表单中使用 input 元素来创建按钮。
3,<input type=”button” /> 这就是一个按钮。如果你不写javascript 的话,按下去什么也不会发生。
4,<button> 这个按钮放在 form 中也会点击自动提交(相当于变成了submit)。它的缺点是不同的浏览器得到的 value 值不同;可能还有其他的浏览器兼容问题。<button>无法把自己当成Form的数据,所以,如果只是个单纯的按钮,触发一些画面动作,请使用<button/>。反之,会把画面的数据提交给Server的,一般用,当然<button>+JS也完全可以取代
5,还可以用其他标签,例如 a, img, span, div,然后用图片把它伪装成一个按钮。
6,

<!DOCTYPE html>
<html>
    <head>
        <title> 表单</title>
    </head>
    <body>
        <form>
            用户名
            <input type="text">
            <br/>
            密码:
            <input type="password">
            <br/>
            你喜欢的水果有?
            <br/>
            苹果<input type="checkbox">
            西红柿<input type="checkbox">
            香蕉<input type="checkbox">
            <br/>
            请您选择您的性别:
            男<input type="radio"name=“id”><input type="radio"name=“id”>
            <br/>
            你最喜欢的学校是?
            <select>
                <option>五邑大学</option>
                <option>清华大学</option>
                <option>北京大学</option>
            </select>
            <br/>
            <input type="button" value="按钮1">
        </form>
        <textarea  cols="50" rows="30">这里可以打字</textarea>
        <br/>
        <button>按钮2</button>
    </body>
</html>

在这里插入图片描述
本来还想继续学下去的,结果搭配php环境费了我一个小时还没有搭配出来。。。。。。

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值