初学HTML-6

表单:专门用来收集用户信息

表单元素:在HTML中,标签/标记/元素都是指HTML中的标签。

      eg:<a>a标签/a标记/a元素

      浏览器中所以得表单标签都有特殊的外观和默认的功能。

    格式:<form>

          <表单元素>

       </form>

常见的表单元素:input标签:有一个type属性。

            明文输入框:<input type="text">

            暗文输入框:<input type="password">

            <input type="text" value="xxx">

  单选框:1.要设置name属性,name属性要设置相同的值。

      2.要让单选框默认一个框子,在input标签中添加checked属性。

      3.在HTML中如果属性的取值和属性的名称一样,可以只写一个,但在开发过程中不推荐省略取值。

      eg:性别:

        <input type="radio" name="xx">男

        <input type="radio" name="xx">女

        <input type="radio" name="xx" checked="checked">保密

  多选框:

    爱好:

      <input type="checkbox">吃

      <input type="checkbox">喝

 

      <input type="checkbox">玩

 

      <input type="checkbox" checked="checked">乐

按钮:

  按钮:<input type="button" value="我是按钮">

     value属性用于给按钮命名。

  图片按钮:<input type="image" src="images/xxx.jpg">

  重置按钮:<input type="reset" value="清空">

       value属性用于给按钮命名。

       清空表单中的数据,重置按钮有默认的按钮标题,默认叫重置。

  提交按钮:<input type="submit">

       将表单中的数据提交到远程服务器

       注意:1.告诉表单需要提交到哪个服务器,可以通过form标签的action属性来告诉表单,需要提交到哪个服务器。

          2.告诉表单,表单中的哪些数据需要提交。

            eg:明文输入框:账号:<input type="text" name="aa">

<!--隐藏域-->  : <input type="hidden" name="cc" value="it666">

    用于秘密收集用户的一些数据,隐藏域是不会出现在界面中的。

posted @ 2019-01-17 22:37  olive2014  阅读(96)  评论(0编辑  收藏  举报