recherche
Maisonphp教程php手册来一个Bootstrap的表单标签库,附上附件

经常用Bootstrap开发后台,搞了一个标签库
<?php <br /> namespace Think\Template\TagLib;<br> <br> use Think\Template\TagLib;<br> <br> class Bootstrap extends TagLib<br> {<br> <br>     protected $tags = array(<br>         /**<br>          * id 自定义ID,不定义默认(input+表单name)<br>          * class 自定义class<br>          * help 表单的输入说明 显示再表单下方<br>          * status 当前表单的初始化状态,可选值 :success,error,warning 三个值选其一<br>          * inline 内联表单<br>          * horizontal 水平排列的表单【说明:两个数字,逗号分割,实用这个排列方式需要在表单上面添加 form-horizontal】【示例:horizontal="3,9"】<br>          */<br>         'text' => array('attr' => array('id', 'class', 'name', 'value', 'label', 'placeholder', 'help', 'status', 'inline', 'horizontal'), 'close' => 0),<br>         'password' => array('attr' => array('id', 'class', 'name', 'label', 'placeholder', 'help', 'status', 'inline', 'horizontal'), 'close' => 0),<br>         'number' => array('attr' => array('id', 'class', 'name', 'value', 'label', 'placeholder', 'help', 'status', 'inline', 'horizontal'), 'close' => 0),<br>         'email' => array('attr' => array('id', 'class', 'name', 'value', 'label', 'placeholder', 'help', 'status', 'inline', 'horizontal'), 'close' => 0),<br>         'url' => array('attr' => array('id', 'class', 'name', 'value', 'label', 'placeholder', 'help', 'status', 'inline', 'horizontal'), 'close' => 0),<br>         'file' => array('attr' => array('id', 'class', 'name', 'label', 'help', 'inline', 'horizontal'), 'close' => 0),<br>         'checkbox' => array('attr' => array('id', 'class', 'name', 'label', 'inline', 'disabled', 'checked', 'default'), 'close' => 0),<br>         'radio' => array('attr' => array('id', 'class', 'name', 'label', 'inline', 'disabled', 'checked', 'default'), 'close' => 0),<br>         /**<br>          * key : value值字段名称,默认id<br>          * text : 显示值字段名称,默认name<br>          */<br>         'textarea' => array('attr' => array('id', 'class', 'name', 'label', 'value', 'label', 'rows', 'key', 'text', 'horizontal'), 'close' => 0),<br>         'select' => array('attr' => array('id', 'class', 'name', 'label', 'data', 'value', 'key', 'horizontal'), 'close' => 0)<br>     );<br>     private $ids = array();//自动生产ID保存,防止重复<br> <br>     /**<br>      * @param $id string input的ID<br>      * @param $name string input的name值<br>      * @return string<br>      */<br>     protected function setId($id, $name)<br>     {<br>         return empty($id) ? 'input' . ucfirst($name) . mt_rand(1, 9999) : $id;<br>     }<br> <br>     /**<br>      * 根据表单的状态返回图标和状态<br>      * @param $status 表单当前的状态<br>      * @return array()<br>      */<br>     protected function inputStatus($attr)<br>     {<br>         switch ($attr['status']) {<br>             case 'success':<br>                 $icon = '<span></span>';<br>                 $class = 'has-success';<br>                 break;<br>             case 'error':<br>                 $icon = '<span></span>';<br>                 $class = 'has-error';<br>                 break;<br>             case 'warning':<br>                 $icon = '<span></span>';<br>                 $class = 'has-warning';<br>                 break;<br>             default:<br>                 $icon = '';<br>                 $class = '';<br>                 break;<br>         }<br>         $icon = empty($icon) ? $icon : $icon . '<span>(' . $attr['status'] . ')</span>';<br>         return array('statusClass' => $class, 'icon' => $icon);<br>     }<br> <br>     protected function wrapDiv($attr)<br>     {<br>         $class = array();<br>         if (!empty($attr['inline'])) array_push($class, 'form-inline');<br>         if (!empty($attr['statusClass'])) array_push($class, $attr['statusClass']);<br>         if (!empty($attr['has_feedback'])) array_push($class, $attr['has_feedback']);<br>         if (!empty($attr['class'])) array_push($class, $attr['class']);<br>         if (empty($attr['typeClass'])) {<br>             //输入类型<br>             array_push($class, 'form-group');<br>         } else {<br>             //选择类型  checkbox radio<br>             array_push($class, $attr['typeClass']);<br>         }<br>         return '<div>';<br>     }<br> <br>     protected function wrapLabel($attr)<br>     {<br>         $id = $attr['id'];<br>         $width = '';<br>         if (array_key_exists('horizontal', $attr) && !empty($attr['horizontal'])) {<br>             $width = 'col-xs-' . $attr['horizontal'][0];<br>         }<br>         $typeClass = empty($attr['typeClass']) ? 'control-label' : $attr['typeClass'];<br>         return '<label>';<br>     }<br> <br>     protected function input($attr)<br>     {<br>         $attrs = array();<br>         if (!empty($attr['placeholder'])) array_push($attrs, $attr['placeholder']);//输入框描述<br>         if (!empty($attr['describedby'])) array_push($attrs, $attr['describedby']);//输入框与图标关联,<br>         if (empty($attr['typeClass'])) {<br>             //没有这个类型为输入框类型 text/password/email....<br>             array_push($attrs, 'class="form-control"');//calss 属性<br>             if (!empty($attr['value'])) array_push($attrs, 'value=' . $attr['value']);//默认值<br>         } else {<br>             //选择类型 checkbox/radio<br>             if (!empty($attr['default'])) {<br>                 $default = $this->_trim($attr['default']);<br>                 $default = explode('.', $default);<br>                 $default = $default[0] . "['" . $default[1] . "']";<br>                 $checked = '<?php if(&#039; . $default . &#039; == &#039; . $attr[&#039;value&#039;] . &#039;){ echo "checked" ; } ?>';<br>             } else {<br>                 $checked = empty($attr['checked']) ? '' : 'checked';<br>             }<br>             if (!empty($attr['disabled'])) array_push($attrs, 'disabled');//是否禁用<br>             array_push($attrs, $checked);//默认值判断<br>         }<br>         $input = "<input>";<br>         return $input . $attr['icon'] . $attr['help'];<br>     }<br> <br>     /**<br>      * 输入框默认表单赋值<br>      * @param $attr<br>      */<br>     protected function set_input_attr($attr)<br>     {<br>         $attr['id'] = $this->setId($attr['id'], $attr['name']);<br>         $status = $this->inputStatus($attr);<br>         $attr['statusClass'] = $status['statusClass'];//wrapDiv上面显示<br>         $attr['icon'] = $status['icon'];//wrapLabel上面显示<br>         $attr['has_feedback'] = empty($status['icon']) ? '' : 'has-feedback';//wrapDiv上面显示<br>         $attr['describedby'] = empty($status['icon']) ? '' : 'aria-describedby="' . $attr['id'] . 'Status"';//表单上关联图标<br>         $attr['help'] = empty($attr['help']) ? '' : '<span>' . $attr['help'] . '</span>';<br>         $attr['placeholder'] = empty($attr['placeholder']) ? '' : 'placeholder="' . $attr['placeholder'] . '"';<br>         if (array_key_exists('horizontal', $attr) && !empty($attr['horizontal'])) {<br>             $attr['horizontal'] = explode(',', $attr['horizontal']);<br>         }<br>         return $attr;<br>     }<br> <br>     public function _text($attr)<br>     {<br>         $attr['type'] = 'text';<br>         return $this->inputClass($attr);<br>     }<br> <br>     public function _password($attr)<br>     {<br>         $attr['type'] = 'password';<br>         return $this->inputClass($attr);<br>     }<br> <br>     public function _email($attr)<br>     {<br>         $attr['type'] = 'email';<br>         return $this->inputClass($attr);<br>     }<br> <br>     public function _number($attr)<br>     {<br>         $attr['type'] = 'number';<br>         return $this->inputClass($attr);<br>     }<br> <br>     public function _url($attr)<br>     {<br>         $attr['type'] = 'url';<br>         return $this->inputClass($attr);<br>     }<br> <br>     public function _file($attr)<br>     {<br>         $attr['type'] = 'file';<br>         return $this->inputClass($attr);<br>     }<br> <br>     public function _checkbox($attr)<br>     {<br>         $attr['typeClass'] = empty($attr['inline']) ? 'checkbox' : 'checkbox-inline';<br>         $attr['type'] = 'checkbox';<br>         return $this->checkClass($attr);<br>     }<br> <br>     public function _radio($attr)<br>     {<br>         $attr['typeClass'] = empty($attr['inline']) ? 'radio' : 'radio-inline';<br>         $attr['type'] = 'radio';<br>         return $this->checkClass($attr);<br>     }<br> <br>     public function _textarea($attr)<br>     {<br>         $id = $this->setId($attr['id'], $attr['name']);<br>         $textarea = '<textarea>' . $attr['value'] . '</textarea>';<br>         return $this->_return($attr, $textarea);<br>     }<br> <br>     //选择类型表单<br>     protected function checkClass($attr)<br>     {<br>         $attr = $this->set_input_attr($attr);<br>         $input = $this->input($attr);<br>         $div = $this->wrapDiv($attr);<br>         $label = $this->wrapLabel($attr);<br>         return $div . $label . $input . $attr['label'] . '</label> </div>';<br>     }<br> <br>     //输出输入类型表单<br>     protected function inputClass($attr)<br>     {<br>         $input = $this->input($attr);<br>         return $this->_return($attr, $input);<br>     }<br> <br>     //去除左右花括号<br>     private function _trim($field)<br>     {<br>         $field = ltrim($field, '{');<br>         return rtrim($field, '}');<br>     }<br> <br>     public function _select($attr)<br>     {<br>         $data = $this->_trim($attr['data']);<br>         $key = empty($attr['key']) ? 'id' : $attr['key'];<br>         $text = empty($attr['text']) ? 'name' : $attr['text'];<br>         $value = $attr['value'];<br>         $id = $this->setId($attr['id'], $attr['name']);<br>         if (strpos($value, '{') !== false) {<br>             $value = $this->_trim($value);<br>         }<br>         $select = '<select>';<br>         $select .= '<?php foreach(&#039; . $data . &#039; as $v): ?>';<br>         $select .= '<option> >{$v.' . $text . '}</option>';<br>         $select .= '<?php endforeach; ?>';<br>         $select .= '</select>';<br>         return $this->_return($attr, $select);<br> <br>     }<br> <br>     public function _return($attr, $form)<br>     {<br>         //判断是不是水平排列的表单<br>         $horizontal = false;<br>         if (array_key_exists('horizontal', $attr) && !empty($attr['horizontal'])) {<br>             $horizontal = true;;<br>         }<br>         $attr = $this->set_input_attr($attr);<br>         $div = $this->wrapDiv($attr);<br>         $label = $this->wrapLabel($attr);<br> <br>         if ($horizontal) {<br>             return $div . $label . $attr['label'] . '<div>' . $form . '</div>';<br>         } else {<br>             return $div . $label . $attr['label'] . '' . $form . '';<br>         }<br>     }<br> <br> <br> }调用<taglib></taglib><br> <?php <br /> <br> $area = array(<br>     array('id'=>0,'name'=>'北京'),<br>     array('id'=>1,'name'=>'上海'),<br>     array('id'=>2,'name'=>'天津'),<br>     array('id'=>3,'name'=>'深圳')<br> );<br> $member = array(<br>     'gender'=>2,<br>     'email'=>'314231604@qq.com',<br>     'sleep'=>1,<br>     'eat'=>1,<br>     'username'=>'小二郎',<br>     'url'=>'http://www.baidu.com'<br> ) ;<br> ?><br> <form> <br>     <text></text><br>     <email></email><br>     <password></password><br>     <url></url><br>     <number></number><br>     <file></file><br>     <div> <br>         <div>爱好</div> <br>         <div> <br>             <checkbox></checkbox><br>             <checkbox></checkbox><br>         </div> <br>     </div> <br>     <div> <br>         <div>性别</div> <br>         <div> <br>             <radio></radio><br>             <radio></radio><br>         </div> <br>     </div> <br>     <textarea></textarea><br>     <select></select><br> </form>运行效果
来一个Bootstrap的表单标签库,附上附件

附件 Bootstrap标签库.rar ( 3.94 KB 下载:52 次 )

AD:真正免费,域名+虚机+企业邮箱=0元

Déclaration
Le contenu de cet article est volontairement contribué par les internautes et les droits d'auteur appartiennent à l'auteur original. Ce site n'assume aucune responsabilité légale correspondante. Si vous trouvez un contenu suspecté de plagiat ou de contrefaçon, veuillez contacter admin@php.cn

Outils d'IA chauds

Undresser.AI Undress

Undresser.AI Undress

Application basée sur l'IA pour créer des photos de nu réalistes

AI Clothes Remover

AI Clothes Remover

Outil d'IA en ligne pour supprimer les vêtements des photos.

Undress AI Tool

Undress AI Tool

Images de déshabillage gratuites

Clothoff.io

Clothoff.io

Dissolvant de vêtements AI

AI Hentai Generator

AI Hentai Generator

Générez AI Hentai gratuitement.

Article chaud

R.E.P.O. Crystals d'énergie expliqués et ce qu'ils font (cristal jaune)
4 Il y a quelques semainesBy尊渡假赌尊渡假赌尊渡假赌
R.E.P.O. Meilleurs paramètres graphiques
4 Il y a quelques semainesBy尊渡假赌尊渡假赌尊渡假赌
R.E.P.O. Comment réparer l'audio si vous n'entendez personne
4 Il y a quelques semainesBy尊渡假赌尊渡假赌尊渡假赌
WWE 2K25: Comment déverrouiller tout dans Myrise
1 Il y a quelques moisBy尊渡假赌尊渡假赌尊渡假赌

Outils chauds

VSCode Windows 64 bits Télécharger

VSCode Windows 64 bits Télécharger

Un éditeur IDE gratuit et puissant lancé par Microsoft

Version crackée d'EditPlus en chinois

Version crackée d'EditPlus en chinois

Petite taille, coloration syntaxique, ne prend pas en charge la fonction d'invite de code

SublimeText3 Linux nouvelle version

SublimeText3 Linux nouvelle version

Dernière version de SublimeText3 Linux

Dreamweaver CS6

Dreamweaver CS6

Outils de développement Web visuel

DVWA

DVWA

Damn Vulnerable Web App (DVWA) est une application Web PHP/MySQL très vulnérable. Ses principaux objectifs sont d'aider les professionnels de la sécurité à tester leurs compétences et leurs outils dans un environnement juridique, d'aider les développeurs Web à mieux comprendre le processus de sécurisation des applications Web et d'aider les enseignants/étudiants à enseigner/apprendre dans un environnement de classe. Application Web sécurité. L'objectif de DVWA est de mettre en pratique certaines des vulnérabilités Web les plus courantes via une interface simple et directe, avec différents degrés de difficulté. Veuillez noter que ce logiciel