HTML의 양식에 대한 정보-HTML 튜토리얼-php.cn

Javascript에서는 페이지의 각

태그 쌍이 양식 객체라는 객체로 구문 분석됩니다.

document.forms를 사용하면 문서에 있는 모든 양식 개체의 컬렉션을 소스 순서대로 가져올 수 있습니다.

如果一个表单对象定义如下：

获得该表单对象的方法：

i> document.forms["frm1"]; // 根据name属性值

ii> document.forms[0]; // 根据索引号

iii> document.frm1; // 直接根据name值获得对象

주의해야 할 양식 속성:

요소: 가져오기 다음 소스 소스별로 정렬된 특정 형식의 모든 컨트롤 모음입니다. 하지만 개체는 이 컬렉션에 없습니다.

var txtName = myform.elements[0]; //获得表单的第一个元素

var txtName = myform.elements["txtName"]; //获得name属性值为"txtName"的元素

var txtName = myform.elements.txtName; //获得name属性值为"txtName"的元素

enctype: 양식의 배수를 설정하거나 가져옵니다. MIME(인터넷 메일 확장) 인코딩을 사용합니다.

파일을 업로드하려면 multipart/form-data로 설정해야 합니다.

각 양식 요소의 텍스트 설명에는

이 태그는 텍스트를 해당 양식 요소에 바인딩하는 데 사용됩니다. 해당 for 속성은 바인딩된 양식 요소의 id 값을 지정합니다. 바인딩 후 텍스트를 클릭하면 마우스가 해당 텍스트 상자에 초점을 맞추거나 해당 옵션을 선택합니다.

특정 데스크탑 테마가 설치된 경우 일부 양식 요소도 색상을 변경하여 메시지를 표시하므로 사용자 경험이 크게 향상됩니다.

샘플 코드:

참고:

i > 각 양식 요소는 태그를 사용하여 사용자 환경을 개선해야 합니다.

ii > 각각의 각 양식 요소에는 name 속성과 id 속성이 할당되어야 합니다.

name 속성: 서버에 데이터를 제출하는 데 사용됩니다.

id 속성: 클라이언트에서 다음과 같은 해당 작업을 수행하는 데 사용됩니다. 등.

(name 속성과 id 속성은 가능하면 동일하거나 관련된 값을 사용해야 합니다.) 작업에서는 name 속성을 사용하는 것을 선호합니다.

일부 특정 양식 요소(예: 라디오 버튼 등)의 경우 이름 속성을 사용하여 요소 값을 얻는 것이 더 쉽고 서버에 데이터를 전송하는 것이 더 편리하기 때문입니다!

Javascript는 덜 일반적으로 사용되는 속성인 양식 양식 요소를 작동합니다.

defaultChecked는 확인란 또는 라디오 버튼 상태를 설정하거나 가져옵니다.

defaultValue는 객체의 초기 콘텐츠를 설정하거나 가져옵니다.

세트를 비활성화하거나 제어 상태를 가져옵니다.

양식 제출

양식 제출 예:

onclick="document.forms['frm'].submit();">

onclick="this.disabled=true; this.form.submit();">

참고:

onclick="document.forms['frm'].submit();">

onclick="this.disabled=true; this.form.submit();">

i > 요소는 트리거되지 않습니다.

이는

ii > 또는 버튼의 클릭 이벤트 사용자가 제출 버튼을 반복적으로 클릭하는 동작을 비활성화하려면

서버의 응답 부담을 줄이기 위해

텍스트 상자 설정 🎜>i > 텍스트 상자의 문자 수를 제어합니다

참고: 여러 줄로 구성된 텍스트 상자 의 최대 길이는 사용자 정의 속성입니다. <textarea>에 문자를 입력하면 줄 바꿈도 한 문자로 계산됩니다. ; </p> <p> </p> <p><br></p> <p>ii > 마우스가 넘어가면 텍스트 상자가 자동으로 선택됩니다 </p> <p><br></p> <table style="border: 0px none; padding: 0px; width: 100%;"><tbody> <tr class="firstRow"><td><script language="javascript"></td></tr> <tr><td>window.onload = function(){</td></tr> <tr><td> var txtName = document.getElementsByName("myName")[0];</td></tr> <tr><td> txtName.onmouseover = function(){</td></tr> <tr><td> this.focus();</td></tr> <tr><td> };</td></tr> <tr><td> txtName.onfocus = function(){</td></tr> <tr><td> this.select();</td></tr> <tr><td> };</td></tr> <tr><td>}</td></tr> <tr><td></script></td></tr> <tr><td><INPUT TYPE="text" NAME="myName" value="默认值被选中" /></td></tr> </tbody></table> <p><br> </p> <p>행동과 구조의 분리를 달성합니다. </p> <p> </p> <p><br></p> <p>라디오 버튼 설정</p> <p>선택한 라디오 버튼 가져오기 및 선택한 라디오 버튼 설정</p> <p> <br></p> <table style="border: 0px none; padding: 0px; width: 100%;"><tbody> <tr class="firstRow"> <td><script 언어="javascript"> ;</td> </tr> <tr><td>//선택한 항목 가져오기</td></tr> <tr><td>function getChoice(){</td></tr> <tr> <td> var oForm = document.forms["myForm1"];</td> </tr> <tr><td> //radioName은 라디오 버튼의 이름 속성 값입니다.</td></tr> <tr><td> var aChoices = oForm.radioName;</td></tr> <tr><td> //단일 선택 목록 전체를 탐색</td></tr> <tr><td> for(i= 0 ;i<aChoices.length;i++) </td></tr> <tr><td> if(aChoices[i].checked) </td></tr> <tr><td> break; 선택한 항목을 찾으면 종료</td></tr> <tr><td> Alert("선택한 항목은 다음과 같습니다: "+aChoices[i].value);</td></tr> <td>}</td> <tr><td>//선택한 항목 설정</td></tr> <tr><td>function setChoice(_num){</td></tr> <tr><td> var oForm = document.forms["myForm1"];</td></tr> <tr> <td> //radioName은 라디오 버튼의 name 속성 값입니다.</td> </tr> <tr><td> oForm.radioName[_num].checked = true; //다른 옵션의 체크값은 자동으로 false로 설정됩니다.</td></tr> <tr><td>} td></td></tr> <tr><td></script><table style="border: 0px none; padding: 0px; width: 100%;"><tbody> <tr class="firstRow"><td><script language="javascript"></td></tr> <tr><td>//获取选中项</td></tr> <tr><td>function getChoice(){</td></tr> <tr><td> var oForm = document.forms["myForm1"];</td></tr> <tr><td> //radioName是单选按钮的name属性值</td></tr> <tr><td> var aChoices = oForm.radioName;</td></tr> <tr><td> //遍历整个单选项表</td></tr> <tr><td> for(i=0;i<aChoices.length;i++) </td></tr> <tr><td> if(aChoices[i].checked) </td></tr> <tr><td> break; //如果发现了被选中项则退出</td></tr> <tr><td> alert("您选中的是："+aChoices[i].value);</td></tr> <tr><td>}</td></tr> <tr><td>//设置选中项</td></tr> <tr><td>function setChoice(_num){</td></tr> <tr><td> var oForm = document.forms["myForm1"];</td></tr> <tr><td> //radioName是单选按钮的name属性值</td></tr> <tr><td> oForm.radioName[_num].checked = true; //其它选项的checked值会自动设置为false</td></tr> <tr><td>}</td></tr> <tr><td></script><br> //调用代码<br> <input type="button" value="获取选中项" onclick="getChoice();" /><br><input type="button" value="设置第1项被选中" onclick="setChoice(0);" /></td></tr> </tbody></table> //호출 코드 <input type="button" value="선택한 항목 가져오기" onclick="getChoice(); /><input type="button" value="선택할 첫 번째 항목 설정" onclick =" setChoice(0);" /></td></tr> </tbody></table> <p><br></p> <p>동일한 라디오 버튼 그룹의 name 속성 값이 동일한지 확인해야 합니다. </p> <p> </p> <p><br></p> <p>체크박스 설정</p> <p>체크박스를 "모두 선택", "모두 선택 취소" 및 "선택 반전" 기능으로 설정</p> <p><br></p> <table style="border: 0px none; padding: 0px; width: 100%;"><tbody> <tr class="firstRow"><td><script language="javascript"></td></tr> <tr><td>function changeBoxes(_action){</td></tr> <tr><td> var myForm = document.forms["myForm1"];</td></tr> <tr><td> //myCheckbox 为所有复选框的name属性值</td></tr> <tr><td> var oCheckBox = myForm.myCheckbox;</td></tr> <tr><td> </td></tr> <tr><td> for(var i=0;i<oCheckBox.length;i++) //遍历每一个选项</td></tr> <tr><td> if(_action < 0)//反选</td></tr> <tr><td> oCheckBox[i].checked = !oCheckBox[i].checked;</td></tr> <tr><td> else </td></tr> <tr><td> //_action为1是则全选,为0时则全不选</td></tr> <tr><td> oCheckBox[i].checked = _action;</td></tr> <tr><td>}</td></tr> <tr><td></script></td></tr> <tr><td><form name="myForm1"></td></tr> <tr><td><input type="checkbox" name="myCheckbox">aa</td></tr> <tr><td><input type="checkbox" name="myCheckbox">bb</td></tr> <tr><td><input type="button" value="全选" onclick="changeBoxes(1);" /></td></tr> <tr><td><input type="button" value="全不选" onclick="changeBoxes(0);" /></td></tr> <tr><td><input type="button" value="反选" onclick="changeBoxes(-1);" /></td></tr> <tr><td></form></td></tr> </tbody></table> <p><br></p> <p> </p> <p><br></p> <p>드롭다운 목록 상자 설정 </p> <p>드롭다운 목록 상자의 다중 속성 드롭다운 목록을 설정하거나 가져오는 데 사용됩니다. 상자에서 여러 옵션을 선택할 수 있는지 여부입니다. </p> <p>드롭다운 목록 상자는 기본적으로 하나의 항목만 선택할 수 있습니다. 여러 항목을 선택하도록 설정하려면 <select multiple = "multiple">을 선택하세요. </p> <p>유형 속성: JavaScript 언어는 유형 속성의 값을 기반으로 드롭다운 목록 상자 선택 컨트롤의 유형을 가져옵니다. </p> <p>type 속성의 값은 select-multiple 또는 select-one입니다(참고: 드롭다운 목록 상자의 유형은 multiple 속성에 의해 제어됩니다). </p> <p>i > 드롭다운 목록 상자의 옵션(단일 옵션 및 다중 옵션) </p> <p><br></p> <table style="border: 0px none; padding: 0px; width: 100%;"><tbody> <tr class="firstRow"><td><script language="javascript"></td></tr> <tr><td>function getSelectValue(_myselect){</td></tr> <tr><td> var oForm = document.forms["myForm1"];</td></tr> <tr><td> //根据参数(下拉列表框的name属性值)获得下拉菜单项</td></tr> <tr><td> var oSelectBox = oForm.elements[_myselect];</td></tr> <tr><td> //判断是单选还是多选</td></tr> <tr><td> if(oSelectBox.type == "select-one"){</td></tr> <tr><td> var iChoice = oSelectBox.selectedIndex; //获取选中项</td></tr> <tr><td> alert("单选，您选中了" + oSelectBox.options[iChoice].text);</td></tr> <tr><td> }</td></tr> <tr><td> else{</td></tr> <tr><td> var aChoices = new Array();</td></tr> <tr><td> //遍历整个下拉菜单</td></tr> <tr><td> for(var i=0;i<oSelectBox.options.length;i++)</td></tr> <tr><td> if(oSelectBox.options[i].selected)//如果被选中</td></tr> <tr><td> //压入到数组中</td></tr> <tr><td> aChoices.push(oSelectBox.options[i].text);</td></tr> <tr><td> //输出结果</td></tr> <tr><td> alert("多选，您选了：" + aChoices.join());</td></tr> <tr><td> }</td></tr> <tr><td>}</td></tr> <tr><td></script></td></tr> <tr><td><form method="post" name="myForm1"></td></tr> <tr><td><select id="mysel" name="mysel" multiple="multiple" style="height:60px;"></td></tr> <tr><td> <option value="a">AA</option></td></tr> <tr><td> <option value="b">BB</option></td></tr> <tr><td> <option value="c">CC</option></td></tr> <tr><td></select></td></tr> <tr><td><input type="button" onclick="getSelectValue('mysel')" value="查看选项" /></td></tr> </tbody></table> <p><br></p> <p> </p> <p>ii > 드롭다운 목록 상자 옵션 추가</p> <p>끝에 새 옵션 추가</p> <p><br></p> <table style="border: 0px none; padding: 0px; width: 100%;"><tbody> <tr class="firstRow"><td><script language="javascript"></td></tr> <tr><td>function AddOption(Box){ //追加选项到末尾</td></tr> <tr><td> var oForm = document.forms["myForm1"];</td></tr> <tr><td> var oBox = oForm.elements[Box];</td></tr> <tr><td> var oOption = new Option("乒乓球","Pingpang");</td></tr> <tr><td> oBox.options[oBox.options.length] = oOption;</td></tr> <tr><td>}</td></tr> <tr><td></script></td></tr> </tbody></table> <p><br></p> <p>지정된 위치에 새 옵션 삽입</p> <p><br></p> <table style="border: 0px none; padding: 0px; width: 100%;"><tbody> <tr class="firstRow"><td><script language="javascript"></td></tr> <tr><td>function AddOption(_select,_num){</td></tr> <tr><td> var oForm = document.forms["myForm1"];</td></tr> <tr><td> var oBox = oForm.elements[_select];</td></tr> <tr><td> var oOption = new Option("text值","value值");</td></tr> <tr><td> //兼容IE7，先添加选项到最后，再移动</td></tr> <tr><td> oBox.options[oBox.options.length] = oOption;</td></tr> <tr><td> oBox.insertBefore(oOption,oBox.options[_num]);</td></tr> <tr><td>}</td></tr> <tr><td></script></td></tr> <tr><td><input type="button" value="添加乒乓球" onclick="AddOption('myselect',1);" /></td></tr> </tbody></table> <p><br></p> <p>참고: 사용하는 경우 직접 insertBefore() 메서드가 옵션을 삽입하면 IE에 빈 옵션 버그가 나타납니다. IE의 이러한 버그를 해결하려면 새 옵션을 맨 끝에 추가한 후 insertBefore() 메서드를 사용하여 해당 위치로 이동하면 됩니다. </p> <p> </p> <p><br></p> <p>이와 비슷합니다. 브라우저의 특정 버그나 제한 사항을 우회하고 의도한 목적을 달성하기 위해 일반적으로 작은 트릭을 해킹이라고 합니다. </p> <p> </p> <p>iii > oBox.options를 통해 </p> <p><br></p> <table style="border: 0px none; padding: 0px; width: 100%;"><tbody> <tr class="firstRow"><td><script language="javascript"></td></tr> <tr><td>//替换选项</td></tr> <tr><td>function ReplaceOption(_select,_num){</td></tr> <tr><td> var oForm = document.forms["myForm1"];</td></tr> <tr><td> var oBox = oForm.elements[_select];</td></tr> <tr><td> var oOption = new Option("text值","value值");</td></tr> <tr><td> oBox.options[_num] = oOption; //替换第_num 个选项</td></tr> <tr><td>}</td></tr> <tr><td></script></td></tr> <tr><td><input type="button" value="替换选项" onclick="ReplaceOption('selName',1);" /></td></tr> </tbody></table> <p><br></p> <p> 교체 _num] = oOption은 지정된 위치의 옵션을 생성된 새 옵션으로 직접 대체합니다. </p> <p> </p> <p>iv > oBox 옵션을 통해 직접 </p> <p><br></p> <table style="border: 0px none; padding: 0px; width: 100%;"><tbody> <tr class="firstRow"><td><script language="javascript"></td></tr> <tr><td>function RemoveOption(_select,_num){</td></tr> <tr><td> var oForm = document.forms["myForm1"];</td></tr> <tr><td> var oBox = oForm.elements[_select];</td></tr> <tr><td> oBox.options[_num] = null; //删除选项</td></tr> <tr><td>}</td></tr> <tr><td></script></td></tr> <tr><td></head></td></tr> <tr><td><body></td></tr> <tr><td><select id="mysel" name="mysel" multiple="multiple"></td></tr> <tr><td>......</td></tr> <tr><td><input type="button" value="删除选项" onclick="RemoveOption('mysel',1);" /></td></tr> </tbody></table> <p><br></p> 옵션을 삭제하세요. [_num] = 삭제 옵션이 null입니다. <p></p> <p></p><p>위 내용은 HTML의 양식에 대한 정보의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!</p> </div> </div> <div style="height: 25px;"> <div class="wzconBq" style="display: inline-flex;"> <span>관련 라벨：</span> <div class="wzcbqd"> <a onclick="hits_log(2,'www',this);" href-data="https://www.php.cn/ko/search?word=htmlform" target="_blank">HTML form</a> </div> </div> <div style="display: inline-flex;float: right; color:#333333;">원천：php.cn</div> </div> <div class="wzconOtherwz"> <a href="https://www.php.cn/ko/faq/355555.html" title="HTML 구문 분석 원칙에 대한 설명"> <span>이전 기사：HTML 구문 분석 원칙에 대한 설명</span> </a> <a href="https://www.php.cn/ko/faq/355560.html" title="UserControl을 사용하여 HTML을 생성하기 위한 팁"> <span>다음 기사：UserControl을 사용하여 HTML을 생성하기 위한 팁</span> </a> </div> <div class="wzconShengming"> <div class="bzsmdiv">본 웹사이트의 성명</div> <div>본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.</div> </div> <div class="wwads-cn wwads-horizontal" data-id="156" style="max-width:955px"></div> <div class="wzconZzwz"> <div class="wzconZzwztitle">저자별 최신 기사</div> <ul> <li> <div class="wzczzwzli"> <span class="layui-badge-dots"></span> <a target="_blank" href="https://www.php.cn/ko/faq/354750.html">HTML에서 굵게, 기울임꼴, 밑줄, 취소선 등 글꼴 효과를 설정하는 예를 소개합니다.</a> </div> <div>1970-01-01 08:00:00</div> </li> <li> <div class="wzczzwzli"> <span class="layui-badge-dots"></span> <a target="_blank" href="https://www.php.cn/ko/faq/338018.html">Java 버전의 Redis 구현</a> </div> <div>1970-01-01 08:00:00</div> </li> <li> <div class="wzczzwzli"> <span class="layui-badge-dots"></span> <a target="_blank" href="https://www.php.cn/ko/faq/353509.html">가장 간단한 WeChat 애플릿 데모</a> </div> <div>1970-01-01 08:00:00</div> </li> <li> <div class="wzczzwzli"> <span class="layui-badge-dots"></span> <a target="_blank" href="https://www.php.cn/ko/faq/356272.html">Python에서 pandas.DataFrame(생성, 색인, 추가 및 삭제)의 간단한 작업 방법 소개</a> </div> <div>1970-01-01 08:00:00</div> </li> <li> <div class="wzczzwzli"> <span class="layui-badge-dots"></span> <a target="_blank" href="https://www.php.cn/ko/faq/354839.html">위챗 미니 프로그램: 탭 효과 구현 방법 예시</a> </div> <div>1970-01-01 08:00:00</div> </li> <li> <div class="wzczzwzli"> <span class="layui-badge-dots"></span> <a target="_blank" href="https://www.php.cn/ko/faq/354423.html">Python은 사전 구조 출력을 아름답게 하기 위해 사용자 정의 메소드를 구성합니다.</a> </div> <div>1970-01-01 08:00:00</div> </li> <li> <div class="wzczzwzli"> <span class="layui-badge-dots"></span> <a target="_blank" href="https://www.php.cn/ko/faq/350853.html">HTML5: Canvas를 사용하여 실시간으로 비디오 처리</a> </div> <div>1970-01-01 08:00:00</div> </li> <li> <div class="wzczzwzli"> <span class="layui-badge-dots"></span> <a target="_blank" href="https://www.php.cn/ko/faq/346502.html">Asp.net은 SignalR을 사용하여 사진을 보냅니다.</a> </div> <div>1970-01-01 08:00:00</div> </li> <li> <div class="wzczzwzli"> <span class="layui-badge-dots"></span> <a target="_blank" href="https://www.php.cn/ko/faq/354842.html">WeChat Mini 프로그램 개발 튜토리얼-App() 및 Page() 기능 개요</a> </div> <div>1970-01-01 08:00:00</div> </li> <li> <div class="wzczzwzli"> <span class="layui-badge-dots"></span> <a target="_blank" href="https://www.php.cn/ko/faq/356574.html">Python Redis 사용법에 대한 자세한 설명</a> </div> <div>1970-01-01 08:00:00</div> </li> </ul> </div> <div class="wzconZzwz"> <div class="wzconZzwztitle">최신 이슈</div> <div class="wdsyContent"> <div class="wdsyConDiv flexRow wdsyConDiv1"> <div class="wdcdContent flexColumn"> <a href="https://www.php.cn/ko/wenda/176403.html" target="_blank" title="PX가 REM 오류로 자동 변환" class="wdcdcTitle">PX가 REM 오류로 자동 변환</a> <a href="https://www.php.cn/ko/wenda/176403.html" class="wdcdcCons"> <style>html { 글꼴 크기: calc(100vw / 3.75); }body { 글꼴 크기: 0.16rem; }&l...</a> <div class="wdcdcInfo flexRow"> <div class="wdcdcileft"> <span class="wdcdciSpan"> 에서 2024-04-16 09:34:16</span> </div> <div class="wdcdciright flexRow"> <div class="wdcdcirdz flexRow ira"> <b class="wdcdcirdzi"></b>0 </div> <div class="wdcdcirpl flexRow ira"><b class="wdcdcirpli"></b>0</div> <div class="wdcdcirwatch flexRow ira"><b class="wdcdcirwatchi"></b>4687</div> </div> </div> </div> </div> <div class="wdsyConLine wdsyConLine2"></div> <div class="wdsyConDiv flexRow wdsyConDiv1"> <div class="wdcdContent flexColumn"> <a href="https://www.php.cn/ko/wenda/176396.html" target="_blank" title="페이지가 갑자기 CSS나 부트스트랩을 가져올 수 없습니다." class="wdcdcTitle">페이지가 갑자기 CSS나 부트스트랩을 가져올 수 없습니다.</a> <a href="https://www.php.cn/ko/wenda/176396.html" class="wdcdcCons">그래서 저는 페이지를 개발 중입니다. 어제 일부 작업을 했는데 잘 작동했고, 오늘은 나머지 작업을 계속했는데 모든 것이 괜찮습니다. 일반 HTML 페이지로 열려고...</a> <div class="wdcdcInfo flexRow"> <div class="wdcdcileft"> <span class="wdcdciSpan"> 에서 2024-04-06 21:58:04</span> </div> <div class="wdcdciright flexRow"> <div class="wdcdcirdz flexRow ira"> <b class="wdcdcirdzi"></b>0 </div> <div class="wdcdcirpl flexRow ira"><b class="wdcdcirpli"></b>1</div> <div class="wdcdcirwatch flexRow ira"><b class="wdcdcirwatchi"></b>800</div> </div> </div> </div> </div> <div class="wdsyConLine wdsyConLine2"></div> <div class="wdsyConDiv flexRow wdsyConDiv1"> <div class="wdcdContent flexColumn"> <a href="https://www.php.cn/ko/wenda/176386.html" target="_blank" title="CSS에서 페이지 하단의 신비한 공백을 해결하는 방법" class="wdcdcTitle">CSS에서 페이지 하단의 신비한 공백을 해결하는 방법</a> <a href="https://www.php.cn/ko/wenda/176386.html" class="wdcdcCons">Bootstrap과 D3를 사용하여 간단한 웹페이지를 구축하려고 하는데 하단의 공백을 모두 없애는 방법을 모르겠습니다. 나는 그것을 제거하고 싶다. 본문과 HTM...</a> <div class="wdcdcInfo flexRow"> <div class="wdcdcileft"> <span class="wdcdciSpan"> 에서 2024-04-06 20:22:15</span> </div> <div class="wdcdciright flexRow"> <div class="wdcdcirdz flexRow ira"> <b class="wdcdcirdzi"></b>0 </div> <div class="wdcdcirpl flexRow ira"><b class="wdcdcirpli"></b>1</div> <div class="wdcdcirwatch flexRow ira"><b class="wdcdcirwatchi"></b>454</div> </div> </div> </div> </div> <div class="wdsyConLine wdsyConLine2"></div> <div class="wdsyConDiv flexRow wdsyConDiv1"> <div class="wdcdContent flexColumn"> <a href="https://www.php.cn/ko/wenda/176383.html" target="_blank" title="Livewire 게으른 자리 표시자와 함께 laravel 구성 요소를 사용하는 방법" class="wdcdcTitle">Livewire 게으른 자리 표시자와 함께 laravel 구성 요소를 사용하는 방법</a> <a href="https://www.php.cn/ko/wenda/176383.html" class="wdcdcCons">livewire3 자리 표시자 안에 내 laravel 구성 요소의 뼈대를 추가하고 싶습니다. 지금까지 시도한 작업: Laravel 구성 요소를 포함하는 Livew...</a> <div class="wdcdcInfo flexRow"> <div class="wdcdcileft"> <span class="wdcdciSpan"> 에서 2024-04-06 20:02:10</span> </div> <div class="wdcdciright flexRow"> <div class="wdcdcirdz flexRow ira"> <b class="wdcdcirdzi"></b>0 </div> <div class="wdcdcirpl flexRow ira"><b class="wdcdcirpli"></b>2</div> <div class="wdcdcirwatch flexRow ira"><b class="wdcdcirwatchi"></b>543</div> </div> </div> </div> </div> <div class="wdsyConLine wdsyConLine2"></div> <div class="wdsyConDiv flexRow wdsyConDiv1"> <div class="wdcdContent flexColumn"> <a href="https://www.php.cn/ko/wenda/176364.html" target="_blank" title="문자열을 HTML 코드(배열에서 생성됨)로 바꾸는 최상위 방법" class="wdcdcTitle">문자열을 HTML 코드(배열에서 생성됨)로 바꾸는 최상위 방법</a> <a href="https://www.php.cn/ko/wenda/176364.html" class="wdcdcCons">다음과 같은 문자열이 주어지면...$htmlPattern="Usernameis:#name#andusercompanyis#company#";하위 ...</a> <div class="wdcdcInfo flexRow"> <div class="wdcdcileft"> <span class="wdcdciSpan"> 에서 2024-04-06 17:40:41</span> </div> <div class="wdcdciright flexRow"> <div class="wdcdcirdz flexRow ira"> <b class="wdcdcirdzi"></b>0 </div> <div class="wdcdcirpl flexRow ira"><b class="wdcdcirpli"></b>2</div> <div class="wdcdcirwatch flexRow ira"><b class="wdcdcirwatchi"></b>410</div> </div> </div> </div> </div> <div class="wdsyConLine wdsyConLine2"></div> </div> </div> <div class="wzconZt" > <div class="wzczt-title"> <div>관련 주제</div> <a href="https://www.php.cn/ko/faq/zt" target="_blank">더> </a> </div> <div class="wzcttlist"> <ul> <li class="ul-li"> <a target="_blank" href="https://www.php.cn/ko/faq/vcyxkhj"><img src="https://img.php.cn/upload/subject/202407/22/2024072214432892435.jpg?x-oss-process=image/resize,m_fill,h_145,w_220" alt="vc6.0" /> </a> <a target="_blank" href="https://www.php.cn/ko/faq/vcyxkhj" class="title-a-spanl" title="vc6.0"><span>vc6.0</span> </a> </li> <li class="ul-li"> <a target="_blank" href="https://www.php.cn/ko/faq/latexyf"><img src="https://img.php.cn/upload/subject/202407/22/2024072213344750667.jpg?x-oss-process=image/resize,m_fill,h_145,w_220" alt="라텍스 사용" /> </a> <a target="_blank" href="https://www.php.cn/ko/faq/latexyf" class="title-a-spanl" title="라텍스 사용"><span>라텍스 사용</span> </a> </li> <li class="ul-li"> <a target="_blank" href="https://www.php.cn/ko/faq/PHPfwqjs"><img src="https://img.php.cn/upload/subject/202407/22/2024072213580719317.jpg?x-oss-process=image/resize,m_fill,h_145,w_220" alt="PHP 서버 소개" /> </a> <a target="_blank" href="https://www.php.cn/ko/faq/PHPfwqjs" class="title-a-spanl" title="PHP 서버 소개"><span>PHP 서버 소개</span> </a> </li> <li class="ul-li"> <a target="_blank" href="https://www.php.cn/ko/faq/smsbqfh"><img src="https://img.php.cn/upload/subject/202407/22/2024072212082960350.jpg?x-oss-process=image/resize,m_fill,h_145,w_220" alt="저작권 기호는 무엇입니까" /> </a> <a target="_blank" href="https://www.php.cn/ko/faq/smsbqfh" class="title-a-spanl" title="저작권 기호는 무엇입니까"><span>저작권 기호는 무엇입니까</span> </a> </li> <li class="ul-li"> <a target="_blank" href="https://www.php.cn/ko/faq/unicodezh"><img src="https://img.php.cn/upload/subject/202407/22/2024072214344181794.jpg?x-oss-process=image/resize,m_fill,h_145,w_220" alt="유니코드 인코딩 변환" /> </a> <a target="_blank" href="https://www.php.cn/ko/faq/unicodezh" class="title-a-spanl" title="유니코드 인코딩 변환"><span>유니코드 인코딩 변환</span> </a> </li> <li class="ul-li"> <a target="_blank" href="https://www.php.cn/ko/faq/smscfdj"><img src="https://img.php.cn/upload/subject/202407/22/2024072214171647105.jpg?x-oss-process=image/resize,m_fill,h_145,w_220" alt="서보 모터 란 무엇입니까?" /> </a> <a target="_blank" href="https://www.php.cn/ko/faq/smscfdj" class="title-a-spanl" title="서보 모터 란 무엇입니까?"><span>서보 모터 란 무엇입니까?</span> </a> </li> <li class="ul-li"> <a target="_blank" href="https://www.php.cn/ko/faq/kafkaxfzdzyss"><img src="https://img.php.cn/upload/subject/202407/22/2024072213280666357.jpg?x-oss-process=image/resize,m_fill,h_145,w_220" alt="Kafka 소비자 그룹의 역할은 무엇입니까" /> </a> <a target="_blank" href="https://www.php.cn/ko/faq/kafkaxfzdzyss" class="title-a-spanl" title="Kafka 소비자 그룹의 역할은 무엇입니까"><span>Kafka 소비자 그룹의 역할은 무엇입니까</span> </a> </li> <li class="ul-li"> <a target="_blank" href="https://www.php.cn/ko/faq/vscodeszzwcqb"><img src="https://img.php.cn/upload/subject/202407/22/2024072212224683391.jpg?x-oss-process=image/resize,m_fill,h_145,w_220" alt="vscode의 중국어 재시작 설정이 적용되지 않으면 어떻게 해야 합니까?" /> </a> <a target="_blank" href="https://www.php.cn/ko/faq/vscodeszzwcqb" class="title-a-spanl" title="vscode의 중국어 재시작 설정이 적용되지 않으면 어떻게 해야 합니까?"><span>vscode의 중국어 재시작 설정이 적용되지 않으면 어떻게 해야 합니까?</span> </a> </li> </ul> </div> </div> </div> </div> <div class="phpwzright"> <div class="wzrOne"> <div class="wzroTitle">인기 추천</div> <div class="wzroList"> <ul> <li> <div class="wzczzwzli"> <span class="layui-badge-dots wzrolr"></span> <a style="height: auto;" title="url은 무슨 뜻인가요?" href="https://www.php.cn/ko/faq/418772.html">url은 무슨 뜻인가요?</a> </div> </li> <li> <div class="wzczzwzli"> <span class="layui-badge-dots wzrolr"></span> <a style="height: auto;" title="DOM은 무엇을 의미하나요?" href="https://www.php.cn/ko/faq/414303.html">DOM은 무엇을 의미하나요?</a> </div> </li> <li> <div class="wzczzwzli"> <span class="layui-badge-dots wzrolr"></span> <a style="height: auto;" title="이미지 크기를 변경하는 방법" href="https://www.php.cn/ko/faq/414252.html">이미지 크기를 변경하는 방법</a> </div> </li> <li> <div class="wzczzwzli"> <span class="layui-badge-dots wzrolr"></span> <a style="height: auto;" title="HTML에서 글꼴을 굵게 만드는 방법" href="https://www.php.cn/ko/faq/414520.html">HTML에서 글꼴을 굵게 만드는 방법</a> </div> </li> <li> <div class="wzczzwzli"> <span class="layui-badge-dots wzrolr"></span> <a style="height: auto;" title="HTML 이미지의 크기를 설정하는 방법" href="https://www.php.cn/ko/faq/475145.html">HTML 이미지의 크기를 설정하는 방법</a> </div> </li> </ul> </div> </div> <script src="https://sw.php.cn/hezuo/cac1399ab368127f9b113b14eb3316d0.js" type="text/javascript"></script> <div class="wzrThree"> <div class="wzrthree-title"> <div>인기 튜토리얼</div> <a target="_blank" href="https://www.php.cn/ko/course.html">더> </a> </div> <div class="wzrthreelist swiper2"> <div class="wzrthreeTab swiper-wrapper"> <div class="check tabdiv swiper-slide" data-id="one">관련 튜토리얼 <div></div></div> <div class="tabdiv swiper-slide" data-id="two">인기 추천<div></div></div> <div class="tabdiv swiper-slide" data-id="three">최신 강좌<div></div></div> </div> <ul class="one"> <li> <a target="_blank" href="https://www.php.cn/ko/course/812.html" title="최신 ThinkPHP 5.1 세계 최초 비디오 튜토리얼(PHP 전문가 온라인 교육 과정이 되기까지 60일)" class="wzrthreelaimg"> <img src="https://img.php.cn/upload/course/000/000/041/620debc3eab3f377.jpg" alt="최신 ThinkPHP 5.1 세계 최초 비디오 튜토리얼(PHP 전문가 온라인 교육 과정이 되기까지 60일)"/> </a> <div class="wzrthree-right"> <a target="_blank" title="최신 ThinkPHP 5.1 세계 최초 비디오 튜토리얼(PHP 전문가 온라인 교육 과정이 되기까지 60일)" href="https://www.php.cn/ko/course/812.html">최신 ThinkPHP 5.1 세계 최초 비디오 튜토리얼(PHP 전문가 온라인 교육 과정이 되기까지 60일)</a> <div class="wzrthreerb"> <div>1420287 <b class="kclbcollectb"></b></div> <div class="courseICollection" data-id="812"> <b class="nofollow small-nocollect"></b> </div> </div> </div> </li> <li> <a target="_blank" href="https://www.php.cn/ko/course/74.html" title="PHP 입문 튜토리얼 1: 일주일 안에 PHP 배우기" class="wzrthreelaimg"> <img src="https://img.php.cn/upload/course/000/000/068/6253d1e28ef5c345.png" alt="PHP 입문 튜토리얼 1: 일주일 안에 PHP 배우기"/> </a> <div class="wzrthree-right"> <a target="_blank" title="PHP 입문 튜토리얼 1: 일주일 안에 PHP 배우기" href="https://www.php.cn/ko/course/74.html">PHP 입문 튜토리얼 1: 일주일 안에 PHP 배우기</a> <div class="wzrthreerb"> <div>4263430 <b class="kclbcollectb"></b></div> <div class="courseICollection" data-id="74"> <b class="nofollow small-nocollect"></b> </div> </div> </div> </li> <li> <a target="_blank" href="https://www.php.cn/ko/course/286.html" title="JAVA 초보자용 비디오 튜토리얼" class="wzrthreelaimg"> <img src="https://img.php.cn/upload/course/000/000/068/62590a2bacfd9379.png" alt="JAVA 초보자용 비디오 튜토리얼"/> </a> <div class="wzrthree-right"> <a target="_blank" title="JAVA 초보자용 비디오 튜토리얼" href="https://www.php.cn/ko/course/286.html">JAVA 초보자용 비디오 튜토리얼</a> <div class="wzrthreerb"> <div>2507268 <b class="kclbcollectb"></b></div> <div class="courseICollection" data-id="286"> <b class="nofollow small-nocollect"></b> </div> </div> </div> </li> <li> <a target="_blank" href="https://www.php.cn/ko/course/504.html" title="Little Turtle의 Python 학습에 대한 제로 기반 소개 비디오 튜토리얼" class="wzrthreelaimg"> <img src="https://img.php.cn/upload/course/000/000/068/62590a67ce3a6655.png" alt="Little Turtle의 Python 학습에 대한 제로 기반 소개 비디오 튜토리얼"/> </a> <div class="wzrthree-right"> <a target="_blank" title="Little Turtle의 Python 학습에 대한 제로 기반 소개 비디오 튜토리얼" href="https://www.php.cn/ko/course/504.html">Little Turtle의 Python 학습에 대한 제로 기반 소개 비디오 튜토리얼</a> <div class="wzrthreerb"> <div>505586 <b class="kclbcollectb"></b></div> <div class="courseICollection" data-id="504"> <b class="nofollow small-nocollect"></b> </div> </div> </div> </li> <li> <a target="_blank" href="https://www.php.cn/ko/course/2.html" title="PHP 제로 기반 입문 튜토리얼" class="wzrthreelaimg"> <img src="https://img.php.cn/upload/course/000/000/068/6253de27bc161468.png" alt="PHP 제로 기반 입문 튜토리얼"/> </a> <div class="wzrthree-right"> <a target="_blank" title="PHP 제로 기반 입문 튜토리얼" href="https://www.php.cn/ko/course/2.html">PHP 제로 기반 입문 튜토리얼</a> <div class="wzrthreerb"> <div>860658 <b class="kclbcollectb"></b></div> <div class="courseICollection" data-id="2"> <b class="nofollow small-nocollect"></b> </div> </div> </div> </li> </ul> <ul class="two" style="display: none;"> <li> <a target="_blank" href="https://www.php.cn/ko/course/812.html" title="최신 ThinkPHP 5.1 세계 최초 비디오 튜토리얼(PHP 전문가 온라인 교육 과정이 되기까지 60일)" class="wzrthreelaimg"> <img src="https://img.php.cn/upload/course/000/000/041/620debc3eab3f377.jpg" alt="최신 ThinkPHP 5.1 세계 최초 비디오 튜토리얼(PHP 전문가 온라인 교육 과정이 되기까지 60일)"/> </a> <div class="wzrthree-right"> <a target="_blank" title="최신 ThinkPHP 5.1 세계 최초 비디오 튜토리얼(PHP 전문가 온라인 교육 과정이 되기까지 60일)" href="https://www.php.cn/ko/course/812.html">최신 ThinkPHP 5.1 세계 최초 비디오 튜토리얼(PHP 전문가 온라인 교육 과정이 되기까지 60일)</a> <div class="wzrthreerb"> <div >1420287 학습 시간</div> <div class="courseICollection" data-id="812"> <b class="nofollow small-nocollect"></b> </div> </div> </div> </li> <li> <a target="_blank" href="https://www.php.cn/ko/course/286.html" title="JAVA 초보자용 비디오 튜토리얼" class="wzrthreelaimg"> <img src="https://img.php.cn/upload/course/000/000/068/62590a2bacfd9379.png" alt="JAVA 초보자용 비디오 튜토리얼"/> </a> <div class="wzrthree-right"> <a target="_blank" title="JAVA 초보자용 비디오 튜토리얼" href="https://www.php.cn/ko/course/286.html">JAVA 초보자용 비디오 튜토리얼</a> <div class="wzrthreerb"> <div >2507268 학습 시간</div> <div class="courseICollection" data-id="286"> <b class="nofollow small-nocollect"></b> </div> </div> </div> </li> <li> <a target="_blank" href="https://www.php.cn/ko/course/504.html" title="Little Turtle의 Python 학습에 대한 제로 기반 소개 비디오 튜토리얼" class="wzrthreelaimg"> <img src="https://img.php.cn/upload/course/000/000/068/62590a67ce3a6655.png" alt="Little Turtle의 Python 학습에 대한 제로 기반 소개 비디오 튜토리얼"/> </a> <div class="wzrthree-right"> <a target="_blank" title="Little Turtle의 Python 학습에 대한 제로 기반 소개 비디오 튜토리얼" href="https://www.php.cn/ko/course/504.html">Little Turtle의 Python 학습에 대한 제로 기반 소개 비디오 튜토리얼</a> <div class="wzrthreerb"> <div >505586 학습 시간</div> <div class="courseICollection" data-id="504"> <b class="nofollow small-nocollect"></b> </div> </div> </div> </li> <li> <a target="_blank" href="https://www.php.cn/ko/course/901.html" title="웹 프론트 엔드 개발에 대한 빠른 소개" class="wzrthreelaimg"> <img src="https://img.php.cn/upload/course/000/000/067/64be28a53a4f6310.png" alt="웹 프론트 엔드 개발에 대한 빠른 소개"/> </a> <div class="wzrthree-right"> <a target="_blank" title="웹 프론트 엔드 개발에 대한 빠른 소개" href="https://www.php.cn/ko/course/901.html">웹 프론트 엔드 개발에 대한 빠른 소개</a> <div class="wzrthreerb"> <div >215539 학습 시간</div> <div class="courseICollection" data-id="901"> <b class="nofollow small-nocollect"></b> </div> </div> </div> </li> <li> <a target="_blank" href="https://www.php.cn/ko/course/234.html" title="PS 비디오 튜토리얼을 처음부터 마스터하세요" class="wzrthreelaimg"> <img src="https://img.php.cn/upload/course/000/000/068/62611f57ed0d4840.jpg" alt="PS 비디오 튜토리얼을 처음부터 마스터하세요"/> </a> <div class="wzrthree-right"> <a target="_blank" title="PS 비디오 튜토리얼을 처음부터 마스터하세요" href="https://www.php.cn/ko/course/234.html">PS 비디오 튜토리얼을 처음부터 마스터하세요</a> <div class="wzrthreerb"> <div >884513 학습 시간</div> <div class="courseICollection" data-id="234"> <b class="nofollow small-nocollect"></b> </div> </div> </div> </li> </ul> <ul class="three" style="display: none;"> <li> <a target="_blank" href="https://www.php.cn/ko/course/1648.html" title="[웹 프런트엔드] Node.js 빠른 시작" class="wzrthreelaimg"> <img src="https://img.php.cn/upload/course/000/000/067/662b5d34ba7c0227.png" alt="[웹 프런트엔드] Node.js 빠른 시작"/> </a> <div class="wzrthree-right"> <a target="_blank" title="[웹 프런트엔드] Node.js 빠른 시작" href="https://www.php.cn/ko/course/1648.html">[웹 프런트엔드] Node.js 빠른 시작</a> <div class="wzrthreerb"> <div >7037 학습 시간</div> <div class="courseICollection" data-id="1648"> <b class="nofollow small-nocollect"></b> </div> </div> </div> </li> <li> <a target="_blank" href="https://www.php.cn/ko/course/1647.html" title="해외 웹 개발 풀스택 강좌 총집합" class="wzrthreelaimg"> <img src="https://img.php.cn/upload/course/000/000/067/6628cc96e310c937.png" alt="해외 웹 개발 풀스택 강좌 총집합"/> </a> <div class="wzrthree-right"> <a target="_blank" title="해외 웹 개발 풀스택 강좌 총집합" href="https://www.php.cn/ko/course/1647.html">해외 웹 개발 풀스택 강좌 총집합</a> <div class="wzrthreerb"> <div >5468 학습 시간</div> <div class="courseICollection" data-id="1647"> <b class="nofollow small-nocollect"></b> </div> </div> </div> </li> <li> <a target="_blank" href="https://www.php.cn/ko/course/1646.html" title="Go 언어 실습 GraphQL" class="wzrthreelaimg"> <img src="https://img.php.cn/upload/course/000/000/067/662221173504a436.png" alt="Go 언어 실습 GraphQL"/> </a> <div class="wzrthree-right"> <a target="_blank" title="Go 언어 실습 GraphQL" href="https://www.php.cn/ko/course/1646.html">Go 언어 실습 GraphQL</a> <div class="wzrthreerb"> <div >4610 학습 시간</div> <div class="courseICollection" data-id="1646"> <b class="nofollow small-nocollect"></b> </div> </div> </div> </li> <li> <a target="_blank" href="https://www.php.cn/ko/course/1645.html" title="550W 팬 마스터가 JavaScript를 처음부터 차근차근 학습합니다" class="wzrthreelaimg"> <img src="https://img.php.cn/upload/course/000/000/067/662077e163124646.png" alt="550W 팬 마스터가 JavaScript를 처음부터 차근차근 학습합니다"/> </a> <div class="wzrthree-right"> <a target="_blank" title="550W 팬 마스터가 JavaScript를 처음부터 차근차근 학습합니다" href="https://www.php.cn/ko/course/1645.html">550W 팬 마스터가 JavaScript를 처음부터 차근차근 학습합니다</a> <div class="wzrthreerb"> <div >664 학습 시간</div> <div class="courseICollection" data-id="1645"> <b class="nofollow small-nocollect"></b> </div> </div> </div> </li> <li> <a target="_blank" href="https://www.php.cn/ko/course/1644.html" title="기초 지식이 전혀 없는 초보자도 6시간 만에 시작할 수 있는 파이썬 마스터 모쉬" class="wzrthreelaimg"> <img src="https://img.php.cn/upload/course/000/000/067/6616418ca80b8916.png" alt="기초 지식이 전혀 없는 초보자도 6시간 만에 시작할 수 있는 파이썬 마스터 모쉬"/> </a> <div class="wzrthree-right"> <a target="_blank" title="기초 지식이 전혀 없는 초보자도 6시간 만에 시작할 수 있는 파이썬 마스터 모쉬" href="https://www.php.cn/ko/course/1644.html">기초 지식이 전혀 없는 초보자도 6시간 만에 시작할 수 있는 파이썬 마스터 모쉬</a> <div class="wzrthreerb"> <div >23312 학습 시간</div> <div class="courseICollection" data-id="1644"> <b class="nofollow small-nocollect"></b> </div> </div> </div> </li> </ul> </div> <script> var mySwiper = new Swiper('.swiper2', { autoplay: false,//可选选项，自动滑动 slidesPerView : 'auto', }) $('.wzrthreeTab>div').click(function(e){ $('.wzrthreeTab>div').removeClass('check') $(this).addClass('check') $('.wzrthreelist>ul').css('display','none') $('.'+e.currentTarget.dataset.id).show() }) </script> </div> <div class="wzrFour"> <div class="wzrfour-title"> <div>최신 다운로드</div> <a href="https://www.php.cn/ko/xiazai">더> </a> </div> <script> $(document).ready(function(){ var sjyx_banSwiper = new Swiper(".sjyx_banSwiperwz",{ speed:1000, autoplay:{ delay:3500, disableOnInteraction: false, }, pagination:{ el:'.sjyx_banSwiperwz .swiper-pagination', clickable :false, }, loop:true }) }) </script> <div class="wzrfourList swiper3"> <div class="wzrfourlTab swiper-wrapper"> <div class="check swiper-slide" data-id="onef">웹 효과 <div></div></div> <div class="swiper-slide" data-id="twof">웹사이트 소스 코드<div></div></div> <div class="swiper-slide" data-id="threef">웹사이트 자료<div></div></div> <div class="swiper-slide" data-id="fourf">프론트엔드 템플릿<div></div></div> </div> <ul class="onef"> <li> <div class="wzrfourli"> <span class="layui-badge-dots wzrflr"></span> <a target="_blank" title="jQuery 기업 메시지 양식 연락처 코드" href="https://www.php.cn/ko/toolset/js-special-effects/8071">[양식 버튼] jQuery 기업 메시지 양식 연락처 코드</a> </div> </li> <li> <div class="wzrfourli"> <span class="layui-badge-dots wzrflr"></span> <a target="_blank" title="HTML5 MP3 뮤직 박스 재생 효과" href="https://www.php.cn/ko/toolset/js-special-effects/8070">[플레이어 특수 효과] HTML5 MP3 뮤직 박스 재생 효과</a> </div> </li> <li> <div class="wzrfourli"> <span class="layui-badge-dots wzrflr"></span> <a target="_blank" title="HTML5 멋진 입자 애니메이션 탐색 메뉴 특수 효과" href="https://www.php.cn/ko/toolset/js-special-effects/8069">[메뉴 탐색] HTML5 멋진 입자 애니메이션 탐색 메뉴 특수 효과</a> </div> </li> <li> <div class="wzrfourli"> <span class="layui-badge-dots wzrflr"></span> <a target="_blank" title="jQuery 시각적 양식 드래그 앤 드롭 편집 코드" href="https://www.php.cn/ko/toolset/js-special-effects/8068">[양식 버튼] jQuery 시각적 양식 드래그 앤 드롭 편집 코드</a> </div> </li> <li> <div class="wzrfourli"> <span class="layui-badge-dots wzrflr"></span> <a target="_blank" title="VUE.JS 모방 Kugou 음악 플레이어 코드" href="https://www.php.cn/ko/toolset/js-special-effects/8067">[플레이어 특수 효과] VUE.JS 모방 Kugou 음악 플레이어 코드</a> </div> </li> <li> <div class="wzrfourli"> <span class="layui-badge-dots wzrflr"></span> <a target="_blank" title="클래식 HTML5 푸시 박스 게임" href="https://www.php.cn/ko/toolset/js-special-effects/8066">[HTML5 특수 효과] 클래식 HTML5 푸시 박스 게임</a> </div> </li> <li> <div class="wzrfourli"> <span class="layui-badge-dots wzrflr"></span> <a target="_blank" title="이미지 효과를 추가하거나 줄이기 위해 jQuery 스크롤" href="https://www.php.cn/ko/toolset/js-special-effects/8065">[그림 특수 효과] 이미지 효과를 추가하거나 줄이기 위해 jQuery 스크롤</a> </div> </li> <li> <div class="wzrfourli"> <span class="layui-badge-dots wzrflr"></span> <a target="_blank" title="CSS3 개인 앨범 커버 호버 확대/축소 효과" href="https://www.php.cn/ko/toolset/js-special-effects/8064">[사진 앨범 효과] CSS3 개인 앨범 커버 호버 확대/축소 효과</a> </div> </li> </ul> <ul class="twof" style="display:none"> <li> <div class="wzrfourli"> <span class="layui-badge-dots wzrflr"></span> <a href="https://www.php.cn/ko/toolset/website-source-code/8328" title="가정 장식 청소 및 수리 서비스 회사 웹사이트 템플릿" target="_blank">[프런트엔드 템플릿] 가정 장식 청소 및 수리 서비스 회사 웹사이트 템플릿</a> </div> </li> <li> <div class="wzrfourli"> <span class="layui-badge-dots wzrflr"></span> <a href="https://www.php.cn/ko/toolset/website-source-code/8327" title="신선한 색상의 개인 이력서 가이드 페이지 템플릿" target="_blank">[프런트엔드 템플릿] 신선한 색상의 개인 이력서 가이드 페이지 템플릿</a> </div> </li> <li> <div class="wzrfourli"> <span class="layui-badge-dots wzrflr"></span> <a href="https://www.php.cn/ko/toolset/website-source-code/8326" title="디자이너 크리에이티브 작업 이력서 웹 템플릿" target="_blank">[프런트엔드 템플릿] 디자이너 크리에이티브 작업 이력서 웹 템플릿</a> </div> </li> <li> <div class="wzrfourli"> <span class="layui-badge-dots wzrflr"></span> <a href="https://www.php.cn/ko/toolset/website-source-code/8325" title="현대 엔지니어링 건설 회사 웹사이트 템플릿" target="_blank">[프런트엔드 템플릿] 현대 엔지니어링 건설 회사 웹사이트 템플릿</a> </div> </li> <li> <div class="wzrfourli"> <span class="layui-badge-dots wzrflr"></span> <a href="https://www.php.cn/ko/toolset/website-source-code/8324" title="교육 서비스 기관을 위한 반응형 HTML5 템플릿" target="_blank">[프런트엔드 템플릿] 교육 서비스 기관을 위한 반응형 HTML5 템플릿</a> </div> </li> <li> <div class="wzrfourli"> <span class="layui-badge-dots wzrflr"></span> <a href="https://www.php.cn/ko/toolset/website-source-code/8323" title="온라인 전자책 쇼핑몰 웹사이트 템플릿" target="_blank">[프런트엔드 템플릿] 온라인 전자책 쇼핑몰 웹사이트 템플릿</a> </div> </li> <li> <div class="wzrfourli"> <span class="layui-badge-dots wzrflr"></span> <a href="https://www.php.cn/ko/toolset/website-source-code/8322" title="IT 기술로 인터넷 회사 웹 사이트 템플릿을 해결합니다." target="_blank">[프런트엔드 템플릿] IT 기술로 인터넷 회사 웹 사이트 템플릿을 해결합니다.</a> </div> </li> <li> <div class="wzrfourli"> <span class="layui-badge-dots wzrflr"></span> <a href="https://www.php.cn/ko/toolset/website-source-code/8321" title="보라색 스타일 외환 거래 서비스 웹 사이트 템플릿" target="_blank">[프런트엔드 템플릿] 보라색 스타일 외환 거래 서비스 웹 사이트 템플릿</a> </div> </li> </ul> <ul class="threef" style="display:none"> <li> <div class="wzrfourli"> <span class="layui-badge-dots wzrflr"></span> <a href="https://www.php.cn/ko/toolset/website-materials/3078" target="_blank" title="귀여운 여름 요소 벡터 자료(EPS+PNG)">[PNG 소재] 귀여운 여름 요소 벡터 자료(EPS+PNG)</a> </div> </li> <li> <div class="wzrfourli"> <span class="layui-badge-dots wzrflr"></span> <a href="https://www.php.cn/ko/toolset/website-materials/3077" target="_blank" title="4개의 빨간색 2023 졸업 배지 벡터 자료(AI+EPS+PNG)">[PNG 소재] 4개의 빨간색 2023 졸업 배지 벡터 자료(AI+EPS+PNG)</a> </div> </li> <li> <div class="wzrfourli"> <span class="layui-badge-dots wzrflr"></span> <a href="https://www.php.cn/ko/toolset/website-materials/3076" target="_blank" title="노래하는 새와 꽃 디자인 봄 배너 벡터 자료로 가득 찬 카트(AI+EPS)">[배너 그림] 노래하는 새와 꽃 디자인 봄 배너 벡터 자료로 가득 찬 카트(AI+EPS)</a> </div> </li> <li> <div class="wzrfourli"> <span class="layui-badge-dots wzrflr"></span> <a href="https://www.php.cn/ko/toolset/website-materials/3075" target="_blank" title="황금 졸업 모자 벡터 자료(EPS+PNG)">[PNG 소재] 황금 졸업 모자 벡터 자료(EPS+PNG)</a> </div> </li> <li> <div class="wzrfourli"> <span class="layui-badge-dots wzrflr"></span> <a href="https://www.php.cn/ko/toolset/website-materials/3074" target="_blank" title="흑백 스타일 산 아이콘 벡터 자료(EPS+PNG)">[PNG 소재] 흑백 스타일 산 아이콘 벡터 자료(EPS+PNG)</a> </div> </li> <li> <div class="wzrfourli"> <span class="layui-badge-dots wzrflr"></span> <a href="https://www.php.cn/ko/toolset/website-materials/3073" target="_blank" title="다양한 색상의 망토와 포즈를 갖춘 슈퍼히어로 실루엣 벡터 자료(EPS+PNG)">[PNG 소재] 다양한 색상의 망토와 포즈를 갖춘 슈퍼히어로 실루엣 벡터 자료(EPS+PNG)</a> </div> </li> <li> <div class="wzrfourli"> <span class="layui-badge-dots wzrflr"></span> <a href="https://www.php.cn/ko/toolset/website-materials/3072" target="_blank" title="플랫 스타일 식목일 배너 벡터 자료(AI+EPS)">[배너 그림] 플랫 스타일 식목일 배너 벡터 자료(AI+EPS)</a> </div> </li> <li> <div class="wzrfourli"> <span class="layui-badge-dots wzrflr"></span> <a href="https://www.php.cn/ko/toolset/website-materials/3071" target="_blank" title="9개의 만화 스타일의 폭발적인 채팅 거품 벡터 자료(EPS+PNG)">[PNG 소재] 9개의 만화 스타일의 폭발적인 채팅 거품 벡터 자료(EPS+PNG)</a> </div> </li> </ul> <ul class="fourf" style="display:none"> <li> <div class="wzrfourli"> <span class="layui-badge-dots wzrflr"></span> <a href="https://www.php.cn/ko/toolset/website-source-code/8328" target="_blank" title="가정 장식 청소 및 수리 서비스 회사 웹사이트 템플릿">[프런트엔드 템플릿] 가정 장식 청소 및 수리 서비스 회사 웹사이트 템플릿</a> </div> </li> <li> <div class="wzrfourli"> <span class="layui-badge-dots wzrflr"></span> <a href="https://www.php.cn/ko/toolset/website-source-code/8327" target="_blank" title="신선한 색상의 개인 이력서 가이드 페이지 템플릿">[프런트엔드 템플릿] 신선한 색상의 개인 이력서 가이드 페이지 템플릿</a> </div> </li> <li> <div class="wzrfourli"> <span class="layui-badge-dots wzrflr"></span> <a href="https://www.php.cn/ko/toolset/website-source-code/8326" target="_blank" title="디자이너 크리에이티브 작업 이력서 웹 템플릿">[프런트엔드 템플릿] 디자이너 크리에이티브 작업 이력서 웹 템플릿</a> </div> </li> <li> <div class="wzrfourli"> <span class="layui-badge-dots wzrflr"></span> <a href="https://www.php.cn/ko/toolset/website-source-code/8325" target="_blank" title="현대 엔지니어링 건설 회사 웹사이트 템플릿">[프런트엔드 템플릿] 현대 엔지니어링 건설 회사 웹사이트 템플릿</a> </div> </li> <li> <div class="wzrfourli"> <span class="layui-badge-dots wzrflr"></span> <a href="https://www.php.cn/ko/toolset/website-source-code/8324" target="_blank" title="교육 서비스 기관을 위한 반응형 HTML5 템플릿">[프런트엔드 템플릿] 교육 서비스 기관을 위한 반응형 HTML5 템플릿</a> </div> </li> <li> <div class="wzrfourli"> <span class="layui-badge-dots wzrflr"></span> <a href="https://www.php.cn/ko/toolset/website-source-code/8323" target="_blank" title="온라인 전자책 쇼핑몰 웹사이트 템플릿">[프런트엔드 템플릿] 온라인 전자책 쇼핑몰 웹사이트 템플릿</a> </div> </li> <li> <div class="wzrfourli"> <span class="layui-badge-dots wzrflr"></span> <a href="https://www.php.cn/ko/toolset/website-source-code/8322" target="_blank" title="IT 기술로 인터넷 회사 웹 사이트 템플릿을 해결합니다.">[프런트엔드 템플릿] IT 기술로 인터넷 회사 웹 사이트 템플릿을 해결합니다.</a> </div> </li> <li> <div class="wzrfourli"> <span class="layui-badge-dots wzrflr"></span> <a href="https://www.php.cn/ko/toolset/website-source-code/8321" target="_blank" title="보라색 스타일 외환 거래 서비스 웹 사이트 템플릿">[프런트엔드 템플릿] 보라색 스타일 외환 거래 서비스 웹 사이트 템플릿</a> </div> </li> </ul> </div> <script> var mySwiper = new Swiper('.swiper3', { autoplay: false,//可选选项，自动滑动 slidesPerView : 'auto', }) $('.wzrfourlTab>div').click(function(e){ $('.wzrfourlTab>div').removeClass('check') $(this).addClass('check') $('.wzrfourList>ul').css('display','none') $('.'+e.currentTarget.dataset.id).show() }) </script> </div> </div> </div> <footer> <div class="footer"> <div class="footertop"> <img src="/static/imghw/logo.png" alt=""> <p>공공복지 온라인 PHP 교육，PHP 학습자의 빠른 성장을 도와주세요！</p> </div> <div class="footermid"> <a href="https://www.php.cn/ko/about/us.html">회사 소개</a> <a href="https://www.php.cn/ko/about/disclaimer.html">부인 성명</a> <a href="https://www.php.cn/ko/update/article_0_1.html">Sitemap</a> </div> <div class="footerbottom"> <p> © php.cn All rights reserved </p> </div> </div> </footer> <input type="hidden" id="verifycode" value="/captcha.html"> <script>layui.use(['element', 'carousel'], function () {var element = layui.element;$ = layui.jquery;var carousel = layui.carousel;carousel.render({elem: '#test1', width: '100%', height: '330px', arrow: 'always'});$.getScript('/static/js/jquery.lazyload.min.js', function () {$("img").lazyload({placeholder: "/static/images/load.jpg", effect: "fadeIn", threshold: 200, skip_invisible: false});});});</script> <script src="/static/js/common_new.js"></script> <script type="text/javascript" src="/static/js/jquery.cookie.js?1732391090"></script> <script src="https://vdse.bdstatic.com//search-video.v1.min.js"></script> <link rel='stylesheet' id='_main-css' href='/static/css/viewer.min.css?2' type='text/css' media='all'/> <script type='text/javascript' src='/static/js/viewer.min.js?1'></script> <script type='text/javascript' src='/static/js/jquery-viewer.min.js'></script> <script type="text/javascript" src="/static/js/global.min.js?5.5.53"></script> </body> </html>