编排表单以及块级元素和内联（行内）元素

4.1 表单

    表单被广泛应用于各种信息的搜集与反馈中。一个完整的交互表单由两部分组成：一是客户端包含的表单页面，用于填写访问者进行交互的信息；另一个是服务端的应用程序，用于处理访问者提交的信息。当访问者在Web浏览器中显示的表单中输入信息后，单击“提交”按钮，这些信息将被发送给服务器，服务器端应用程序对这些信息进行处理，并将结果发送给访问者。

4.1.1.表单标签<form>

常用属性：action="url" name="form_1" method="getlpost"

其中 action用于指定接收并处理表单数据的服务器 url 地址;name 用来区分一个网页中的多个表单；method 用于设置表单数据的提交方式，默认为get。表单的基本语法及格式为

<form name="表单名" action="URL" method="get">
        
    </form>

4.1.2.输入标签<input>

（1）属性type控制<input>的表现形式

<form action="">
        账号：<input type="text"><br>
        密码：<input type="password"><br>
        爱好：篮球<input type="checkbox" name="cb1">
             唱歌<input type="checkbox" name="cb2"><br>
        身份证：<input type="file" value="上传你的身份证照片"><br>
        性别:男<input type="radio" name="rd">
             女<input type="radio" name="rd"><br>
        <input type="reset">
        <input type="submit" value="登录"><br>
        <input type="button" value="其他普通按钮">
        
    </form>

 

运行结果：

 

（2）其他常用属性：name指定控件名称；value指定当表单被载入的时候，在输入域中出现的默认文本；size改变文本框的字符宽度；maxlength限制输入框的最大字符数。

4.2   拓展：块级元素和内联（行内）元素

4.2.1 块级元素和内联（行内）元素

4.2.2  常见块级元素

1.常见块级元素: div、form、h1~h6、hr、p、table、ul等 

2.无实际意义的块级标签<div>

4.2.3 常见内联（行内）元素

1.常见内联（行内）元素：span、 a、 b、 em、 i、 strong 等

2.内联元素中可以设置宽高的元素：img、input（可以理解为行内块级元素，可设置宽高）

3.无实际意义的内联标签<span>