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

来一个Bootstrap的表单标签库,附上附件

Jun 07, 2016 am 11:38 AM

经常用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 de ce site Web
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)
3 Il y a quelques semaines By 尊渡假赌尊渡假赌尊渡假赌
R.E.P.O. Meilleurs paramètres graphiques
3 Il y a quelques semaines By 尊渡假赌尊渡假赌尊渡假赌
R.E.P.O. Comment réparer l'audio si vous n'entendez personne
3 Il y a quelques semaines By 尊渡假赌尊渡假赌尊渡假赌
WWE 2K25: Comment déverrouiller tout dans Myrise
3 Il y a quelques semaines By 尊渡假赌尊渡假赌尊渡假赌

Outils chauds

Bloc-notes++7.3.1

Bloc-notes++7.3.1

Éditeur de code facile à utiliser et gratuit

SublimeText3 version chinoise

SublimeText3 version chinoise

Version chinoise, très simple à utiliser

Envoyer Studio 13.0.1

Envoyer Studio 13.0.1

Puissant environnement de développement intégré PHP

Dreamweaver CS6

Dreamweaver CS6

Outils de développement Web visuel

SublimeText3 version Mac

SublimeText3 version Mac

Logiciel d'édition de code au niveau de Dieu (SublimeText3)

Découvrez des exemples de code d'introduction à la programmation Python. Découvrez des exemples de code d'introduction à la programmation Python. Jan 04, 2024 am 10:50 AM

Découvrez la programmation Python avec des exemples de code d'introduction. Python est un langage de programmation facile à apprendre mais puissant. Pour les débutants, il est très important de comprendre les exemples de code d’introduction à la programmation Python. Cet article vous fournira quelques exemples de code concrets pour vous aider à démarrer rapidement. Imprimer HelloWorldprint("HelloWorld") Il s'agit de l'exemple de code le plus simple en Python. La fonction print() est utilisée pour afficher le contenu spécifié

Variables PHP en action : 10 exemples concrets d'utilisation Variables PHP en action : 10 exemples concrets d'utilisation Feb 19, 2024 pm 03:00 PM

Les variables PHP stockent les valeurs pendant l'exécution du programme et sont cruciales pour créer des applications WEB dynamiques et interactives. Cet article examine en profondeur les variables PHP et les montre en action avec 10 exemples réels. 1. Stocker l'entrée de l'utilisateur $username=$_POST["username"];$passWord=$_POST["password"]; Cet exemple extrait le nom d'utilisateur et le mot de passe de la soumission du formulaire et les stocke dans des variables pour un traitement ultérieur. 2. Définissez la valeur de configuration $database_host="localhost";$database_username="username";$database_pa

Java implémente un code de tri à bulles simple Java implémente un code de tri à bulles simple Jan 30, 2024 am 09:34 AM

L'exemple de code le plus simple du tri à bulles Java est un algorithme de tri courant. Son idée de base est d'ajuster progressivement la séquence à trier en une séquence ordonnée grâce à la comparaison et à l'échange d'éléments adjacents. Voici un exemple de code Java simple qui montre comment implémenter le tri à bulles : publicclassBubbleSort{publicstaticvoidbubbleSort(int[]arr){int

Exemples de programmation en langage Go : exemples de code dans le développement Web Exemples de programmation en langage Go : exemples de code dans le développement Web Mar 04, 2024 pm 04:54 PM

"Exemples de programmation en langage Go : exemples de code dans le développement Web" Avec le développement rapide d'Internet, le développement Web est devenu un élément indispensable dans diverses industries. En tant que langage de programmation doté de fonctions puissantes et de performances supérieures, le langage Go est de plus en plus privilégié par les développeurs en développement Web. Cet article expliquera comment utiliser le langage Go pour le développement Web à travers des exemples de code spécifiques, afin que les lecteurs puissent mieux comprendre et utiliser le langage Go pour créer leurs propres applications Web. 1. Serveur HTTP simple Commençons par un

Du débutant au compétent : implémentation de code de structures de données couramment utilisées en langage Go Du débutant au compétent : implémentation de code de structures de données couramment utilisées en langage Go Mar 04, 2024 pm 03:09 PM

Titre : Du débutant à la maîtrise : implémentation du code des structures de données couramment utilisées dans le langage Go. Les structures de données jouent un rôle essentiel dans la programmation et constituent la base de la programmation. Dans le langage Go, il existe de nombreuses structures de données couramment utilisées, et maîtriser la mise en œuvre de ces structures de données est crucial pour devenir un bon programmeur. Cet article présentera les structures de données couramment utilisées dans le langage Go et donnera des exemples de code correspondants pour aider les lecteurs à démarrer et à maîtriser ces structures de données. 1. Array Array est une structure de données de base, qui est un groupe du même type.

Comment utiliser PHP pour écrire le code de la fonction de gestion des stocks dans le système de gestion des stocks Comment utiliser PHP pour écrire le code de la fonction de gestion des stocks dans le système de gestion des stocks Aug 06, 2023 pm 04:49 PM

Comment utiliser PHP pour écrire le code de la fonction de gestion des stocks dans le système de gestion des stocks La gestion des stocks est un élément indispensable dans de nombreuses entreprises. Pour les entreprises disposant de plusieurs entrepôts, la fonction de gestion des stocks est particulièrement importante. En gérant et en suivant correctement les stocks, les entreprises peuvent répartir les stocks entre différents entrepôts, optimiser les coûts d'exploitation et améliorer l'efficacité de la collaboration. Cet article explique comment utiliser PHP pour écrire du code pour les fonctions de gestion d'entrepôt et vous fournit des exemples de code pertinents. 1. Établissez la base de données avant de commencer à écrire le code de la fonction de gestion des entrepôts de stocks.

Conseils et exemples : Apprenez à implémenter l'algorithme de tri par sélection en Java Conseils et exemples : Apprenez à implémenter l'algorithme de tri par sélection en Java Feb 18, 2024 am 10:52 AM

Guide de rédaction de code et exemples de la méthode de tri par sélection Java Le tri par sélection est un algorithme de tri simple et intuitif. L'idée est de sélectionner à chaque fois l'élément le plus petit (ou le plus grand) parmi les éléments non triés et de l'échanger jusqu'à ce que tous les éléments soient triés. Cet article fournira un guide d'écriture de code pour le tri des sélections et joindra un exemple de code Java spécifique. Principe de l'algorithme Le principe de base du tri par sélection est de diviser le tableau à trier en deux parties, triée et non triée. A chaque fois, le plus petit (ou le plus grand) élément est sélectionné dans la partie non triée et placé à la fin de la partie triée. Répétez ce qui précède

Guide d'interconnexion Huawei Cloud Edge Computing : exemples de code Java pour implémenter rapidement des interfaces Guide d'interconnexion Huawei Cloud Edge Computing : exemples de code Java pour implémenter rapidement des interfaces Jul 05, 2023 pm 09:57 PM

Guide d'interconnexion Huawei Cloud Edge Computing : exemples de code Java pour implémenter rapidement des interfaces Avec le développement rapide de la technologie IoT et l'essor de l'informatique de pointe, de plus en plus d'entreprises commencent à s'intéresser à l'application de l'informatique de pointe. Huawei Cloud fournit des services d'informatique de pointe, offrant aux entreprises des ressources informatiques hautement fiables et un environnement de développement pratique, facilitant ainsi la mise en œuvre des applications d'informatique de pointe. Cet article explique comment implémenter rapidement l'interface informatique de pointe Huawei Cloud via le code Java. Tout d’abord, nous devons préparer l’environnement de développement. Assurez-vous que le kit de développement Java est installé (

See all articles