简体中文(ZH-CN) English(EN) 繁体中文(ZH-TW) 日本語(JA) 한국어(KO) Melayu(MS) Français(FR) Deutsch(DE)
집 > 웹 프론트엔드 > JS 튜토리얼 > 본문

아이콘이 포함된 가장 간단한 검색창

php中世界最好的语言
풀어 주다： 2018-03-08 11:29:30
원래의
1846명이 탐색했습니다.

이번에는 가장 입문적인 아이콘 검색창을 가져왔습니다. 아이콘 검색창을 만들 때 주의사항은 무엇인가요? 아래에서 실제 사례를 살펴보겠습니다.

아이콘이 포함된 가장 간단한 검색 상자

<!DOCTYPE html>
<html >
<head>
    <meta charset="UTF-8">
    <title>Document</title>
    <style type="text/css">
        form>input[type="search"]{
            height: 50px;
            padding: 10px;
            padding-left: 50px;
            background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA0AAAANCAYAAABy6%2BR8AAAAlElEQVR42oWQQRHEIAxF10ElVAISVgo3bCABCUhYCZWAhEpAQpoD6bzJhNnDO0DyyA8fEXkppXyVCpLViDUfyqVIQN9JFMY637hrlCySFauL21E7KVWbAIGx56rnSLqc5KPXSLo3kySalPhTygFhRDtFC09EIsMeZJSGBj7Qveh3OJW89syImiH%2BIO2BOJX0XwA2%2BQEL4pAhSX4aBQAAAABJRU5ErkJggg%3D%3D);
            background-repeat: no-repeat;
            background-size: 30px 30px;
            background-position:10px ;
            font-size: 20px;
            border: 1px #989898 solid;
        }
    </style>
</head>
<body>
    <form >
        <input type="search" />
    </form>
</body>
</html>
로그인 후 복사

이 기사의 사례를 읽으신 후 방법을 마스터하셨다고 믿습니다. 더 흥미로운 정보를 보려면 PHP 중국어 웹사이트의 다른 관련 기사를 주목하세요!

관련 읽기:

간단한 이미지 클릭 업로드 기능

JS가 동영상의 태그된 동영상 썸네일을 캡처할 수 있나요?

위 내용은 아이콘이 포함된 가장 간단한 검색창의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!

관련 라벨：
搜索 标的 简介
원천：php.cn
이전 기사：간편 이미지 클릭 업로드 기능 다음 기사：웹페이지 콘텐츠를 빠르게 저장하고 원하지 않는 요소를 제거하는 방법
본 웹사이트의 성명
본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.
저자별 최신 기사
최신 이슈
Guzzle 예외 잡기 개발 중인 API에서 실행되는 일련의 테스트에서 예외를 포착하려고 하며 Guzzle을 사용하여 API 메서드를 사용하고 있습니다. 테스트를 try/catch 블록...
에서 2023-11-16 14:36:03
0
12
290
TYPO3 V11: "PHP 경고: 정의되지 않은 배열 키", $this->request->getArguments()가 비어 있습니다. 저는 typo3의 새로운 사용자입니다. 사용자를 표시하고 검색 창을 사용하여 필터링하는 플러그인을 만들었지만 내 페이지를 표시하려고 하면 다음 오류가 발생합니다:...
에서 2023-11-12 21:35:09
0
1
362
Laravel Eloquent를 사용하여 필터 및 페이지 매김 구현 데이터베이스에서 모든 고객 기록을 반환하는 API를 만들려고 합니다. 그러나 이는 페이징 및 필터링 기능을 제공합니다. 에서 필터 함수는 선택적 쿼리 매개변수입니...
에서 2023-11-12 18:42:35
0
1
310
동일한 열 값을 가진 MySql 행 검색 다음 표를 살펴보겠습니다. IDScore19521003884100573 저는 완전한 SQL 초보이지만 ID2와 4가 포함된 점수를 어떻게 반환합니까? 따라서 ID...
에서 2023-11-10 21:53:39
0
2
331
Composer 업데이트로 인해 phpunit/phpunit 오류 발생 최근에 laravel9와 함께 php(8.1.7)와 작곡가(2.3.7)를 설치했습니다. 이제 laravel 프로젝트에서 작곡가 업데이트 명령을 실행하는 동안 이 ...
에서 2023-11-08 15:34:22
0
1
309
관련 주제
더>
인기 추천
인기 튜토리얼
더>
관련 튜토리얼
인기 추천
최신 강좌
최신 다운로드
더>
웹 효과
웹사이트 소스 코드
웹사이트 자료
프론트엔드 템플릿
회사 소개 부인 성명 Sitemap
PHP 중국어 웹사이트：공공복지 온라인 PHP 교육，PHP 학습자의 빠른 성장을 도와주세요！