8-3 html中的表单标签 select和textarea

2024-05-09 14:28

本文主要是介绍8-3 html中的表单标签 select和textarea,希望对大家解决编程问题提供一定的参考价值,需要的开发者们随着小编来一起学习吧!

跟学b站黑马程序员pink老师,之前发过长篇,太长不好阅读,拆分成短篇

8.4.3 select下拉表单元素

如果在页面中有多个选项让用户选择,并且想要节约页面空间,我们可以用<select>标签来定义下拉列表

        1.<select></select>里面至少有一对<option></option>

        2.在<option>中定义selected="selected",可以设定默认选中项

        <option selected="selected">上海</option>

8.4.4 textarea文本域元素

当用户输入内容较多时,我们就不能用文本框表单了,要用<textarea>标签

<textarea>标签:用于定义多行文本输入的控件,常用于评论区,留言板等

1.通过<textarea>标签可实现创建多行文本输入框

2.rows=“显示的行数”

  cols=“每行的字符数"     实际开发用css来设置

这篇关于8-3 html中的表单标签 select和textarea的文章就介绍到这儿,希望我们推荐的文章对编程师们有所帮助!



http://www.chinasem.cn/article/973640

相关文章

智能点击标签至最后一个再返回至第二个

场景说明:APP中上部一般都会有动态标签,当点击最后一个标签,标签会有整体左移的效果,                   左移后,页面的最右侧标签不一定是最后一个,需要判断,如果不是最后一个,                   继续点击一次,如果是,则说明 标签整体左移功能正常。                 吐槽点:使用xpath的定位方式是不是很low,稍后和前端商量下,看看能不能帮忙加

mybaits中configuration标签介绍-------mybatis(三)

常用标签介绍 <properties resource="source/mybatis.properties"></properties> properties标签作用为引入外部的配置文件,从而将数据的连接信息分离出去 <settings> settting 标签中有很多属性,最常用的就是驼峰属性name=“mapUnderscoreToCamelCase”,默认false, 一般我们在写j

vue3显示element-plus所有icon

效果 代码 <template><div style="display: flex;flex-wrap: wrap"><component :is="name" style="width: 2rem; margin-left: 2rem" v-for="(name,index) in icons" :index="index" :key="index"></component></div>

bimface开发实战-vue版

效果 演示地址 框架 bimface + vue3.0 代码地址 gitee地址 使用 yarn install yarn serve

vue3.0 v-model 的使用

前言 组件功能:把 el-switch 的值 false/true, 动态绑定输出为 0, 1 组件代码 封装el-switch组件,当el-switch的值为false,输出值为0;当el-switch的值为true,输出值为1; <template><el-switch v-model="switchValue" @change="changeEvent"></el-switch

Vue学习笔记:拦截器

原文地址 Vue可以对http request和http response添加全局拦截,最典型的例子就是在请求头里添加token,和监测是否登录,如果没有登录则跳转到登录页面。 main.js中添加拦截器的代码: 1. request 拦截器 //request 拦截器,在请求头中加tokenaxios.interceptors.request.use(config => {if (lo

css3属性之background-size兼容ie8方案

解决方案 在ie8浏览器可能背景图片无法自适应全屏,这时候加入设置filter属性即可解决问题,同时加入height:100 <!DOCTYPE html><html lang="en"><head><meta charset="UTF-8"><title>Title</title><style>.bg{background: #EAEAEA;height: 100%;background

vue cli4之Eslint初使用

一.介绍 ESLint 是在 ECMAScript/JavaScript 代码中识别和报告模式匹配的工具,它的目标是保证代码的一致性和避免错误。在许多方面,它和 JSLint、JSHint 相似,除了少数的例外: ESLint 使用 Espree 解析 JavaScript。ESLint 使用 AST 去分析代码中的模式ESLint 是完全插件化的。每一个规则都是一个插件并且你可以在运行时添加

vue router路由解析

一、前言 Vue Router 是 Vue.js 官方的路由管理器。它和 Vue.js 的核心深度集成,让构建单页面应用变得易如反掌。 二、安装 1.安装包 npm install vue-router 2.项目引用 在cli4脚手架目录router下index.js中引用 import Vue from 'vue'import VueRouter from 'vue-rou

vue多语言插件vue-i18n

安装vue-i18n npm install vue-i18n -S 使用 1.在main.js中引入vue-i18n import VueI18n from 'vue-i18n'Vue.use(VueI18n) 2.vue-i18n初始化 const i18n = new VueI18n({locale: 'cn', // 默认语言messages}) 3.vue-i