ホームページ  >  記事  >  ウェブフロントエンド  >  CSSでテキストボックスを非表示にする方法

CSSでテキストボックスを非表示にする方法

王林
王林オリジナル
2021-05-17 13:50:163088ブラウズ

CSS でテキスト ボックスを非表示にする方法は、テキスト ボックスに表示属性を追加し、属性値を none に設定することです。 display 属性は、要素が生成するボックスのタイプを指定するために使用されます。

CSSでテキストボックスを非表示にする方法

#この記事の動作環境: Windows10 システム、css 3、thinkpad t480 コンピューター。

コードを入力し、style=" を渡すだけです。以下の図に示すように、display:none ;" は非表示になっており、スペースを占有しません。

CSSでテキストボックスを非表示にする方法

現時点では、ブラウザでページを開くと、テキスト ボックスが非表示になっていて、スペースを占有していないことを確認してください。位置 (以下に示すように):

CSSでテキストボックスを非表示にする方法

# display 属性は、要素が生成するボックスのタイプを指定します。

属性値:

  • none この要素は表示されません。

例:


<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8"> 
<title></title>
<style>
p {display:inline}
</style>
</head>
<body>

<p>这两个段落生成内联盒子,和它的结果</p>

<p>这两个元素之间没有距离。</p>

関連ビデオ共有:

css ビデオ チュートリアル

以上がCSSでテキストボックスを非表示にする方法の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。

声明:
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。